Update in-game avatar load images and shift along the numbers (#35)

* feat: updated in-game avatar steps to use modern ui

* feat: updated avatar text to match the new images

* feat: updated text description of images

* feat: updated avatar remove section

* feat: updated image numbers

* feat: updated remove image

* feat: shifted image numbers up

* feat: shifted up the jiggle rig image numbers

* feat: shifted animation rigging image numbers

Author: towneh

content/docs/avatar/animation-rigging.mdx

@@ -13,7 +13,7 @@ Documentation can be found for all the Constraints that Animation Rigging provid
 <Step>
 **Adding Rig Builder**: Add a `Rig Builder` component and `Animator` component on the `Armature` Gameobject. 
 
-![Inspector Window at Armature Gameobject](/img/avatars/16.png)
+![Inspector Window at Armature Gameobject](/img/avatars/17.png)
 
 <Callout type="info">
 *Basis uses the Root/Avatar's gameobject animator for animation and rigging*. 
@@ -26,14 +26,14 @@ Documentation can be found for all the Constraints that Animation Rigging provid
 <Step>
 **Creating Rig Setup**: Create an empty Gameobject named "Rig Setup" and add the `Rig` component to it.
 
-![Inspector Window for Rig Setup Gameobject](/img/avatars/17.png)
+![Inspector Window for Rig Setup Gameobject](/img/avatars/18.png)
 
 </Step>
 
 <Step>
 **Assigning Rig Setup**: Assign the "Rig Setup" Gameobject to the `Rig Builder` component of the `Armature`.
 
-![Inspector Window for Armature after assignment](/img/avatars/18.png)
+![Inspector Window for Armature after assignment](/img/avatars/19.png)
 
 </Step>
 </Steps>
@@ -48,7 +48,7 @@ This includes all source bones if they are not part of the humanoid. Fx: Wings t
 </Callout>
 <Accordions type="single">
 <Accordion title="Example Jiggle Bone">
-![Jiggle Bones Example](/img/avatars/21.png)
+![Jiggle Bones Example](/img/avatars/20.png)
 </Accordion>
 </Accordions>
 
@@ -66,7 +66,7 @@ Do the [Setup](#setup-for-animation-rigging-packages) first than continue with i
 
 Add the `Multi-Rotation Constraint` Component onto an gameobject that is a child of the `Rig Setup` Gameobject.
 
-![Twist Component in Inspector Window](/img/avatars/19.png)
+![Twist Component in Inspector Window](/img/avatars/21.png)
 
 </Step>
 
@@ -77,7 +77,7 @@ Assign the bone you want affected in the Constrained Object field. One or more s
 You can drag and drop the source bones/GameObjects onto the Source Bojects in the area highlighted in Red.
 You can only add one `Multi-Roation Constraint` per gameObject.
 </Callout>
-![Twist Component in Inspector Window](/img/avatars/20.png)
+![Twist Component in Inspector Window](/img/avatars/22.png)
 </Step>
 
 </Steps>

content/docs/avatar/uploading.mdx

@@ -48,26 +48,30 @@ Load up Basis, open the menu, and select Avatars.
 
 ![Basis menu](/img/avatars/11.png)
 
-In the Avatar menu, select 'Add Avatar' in the top left.
+In the Avatar menu, select 'New Avatar' near the top of the window.
 
 ![Add Avatar button](/img/avatars/12.png)
 
-Paste the **BEE File URL** into the field in the next window.
+Paste the **BEE File URL** into the Avatar URL field and the **SUPER SECRET ENCRYPTED PASSWORD** into the Avatar Password field.
 
-![BEE File URL field](/img/avatars/13.png)
+![BEE file URL & password](/img/avatars/13.png)
 
-Paste your **SUPER SECRET ENCRYPTED PASSWORD** into the Password field.
+Click the Add button and the avatar should then automatically load!
 
-![Password field](/img/avatars/14.png)
+![Add BEE file button](/img/avatars/14.png)
+
+You will see your avatar appear at the bottom of the avatar list on the left (1) and the details of the avatar, such as the timestamp of when it was compiled, along with the Title and Description (2)
+
+This window will also show icons to indicate compatibility across various OS platforms (3).
+
+![New Avatar details](/img/avatars/15.png)
 
-Load!
-🥱
 
 ## Remove Avatars
 
-Basis will save the details of Avatars added through the game menu for convenience. Avatars can be removed by clicking on the Avatar in the menu and hitting the Red Delete Avatar button *(Currently no confirmation dialog is shown.)*
+Avatars can be removed by clicking on the Avatar in the menu and hitting the red Remove button.
 
-![Delete Avatar button](/img/avatars/15.png)
+![Delete Avatar button](/img/avatars/16.png)
 
 To remove all saved avatar information, outside of the game interface, you can also do the following: