docs: add gifs to quick start (#8188)

* Add autocomplete gif

* Add edit quickstart gif

* Add chat gif

* Add agent gif

* Fix broken image path

Author: BekahHW

docs/getting-started/install.mdx

@@ -80,4 +80,4 @@ Click `Install`, which will cause the Continue logo to show up on the right tool
 
 Click "Get started" to sign in to the hub and start using agents.
 
-![Hub Onboarding in the Extension](/images/getting-started/images/hub-onboarding-card-81abd457b6d131c4b0aa89a5a6d647d3.png)
+![Hub Onboarding in the Extension](../images/getting-started/images/hub-onboarding-card-81abd457b6d131c4b0aa89a5a6d647d3.png)

docs/getting-started/quick-start.mdx

@@ -49,6 +49,8 @@ Continue will intelligently suggest function implementations based on the contex
 
 ---
 
+![autocomplete-demo](../images/autocomplete-quick-start.gif)
+
 ## ✏️ Edit
 
 **What it does**: Make quick, targeted changes to specific code sections using natural language instructions.
@@ -96,7 +98,7 @@ Continue will show you a diff of the proposed changes. Accept or reject individu
   converting between languages/frameworks.
 </Note>
 
----
+![edit-demo](../images/edit-quick-start.gif)
 
 ## 💬 Chat
 
@@ -164,6 +166,9 @@ Focus Current Chat / Add Selected Code To Current Chat / Close Continue Sidebar
   brainstorming solutions to complex problems.
 </Tip>
 
+![chat-demo](../images/chat-quick-start.gif)
+
+
 ---
 
 ## 🤖 Agent
@@ -198,6 +203,8 @@ Agent will:
   Always review Agent's changes before accepting them.
 </Warning>
 
+![agent-demo](../images/agent-quick-start.gif)
+
 ---
 
 ## 🚀 Next Steps