docs(llamaindex/quickstart): reorder agent.py creation after front-end

Author: brandonmcconnell

docs/content/docs/llamaindex/quickstart.mdx

@@ -182,6 +182,22 @@ Before you begin, you'll need the following:
                     </Tab>
                 </Tabs>
             </Step>
+            <Step>
+                ### Frontend Setup
+                CopilotKit works with any React-based frontend. We'll use Next.js for this example.
+
+                ```bash
+                npx create-next-app@latest my-copilot-app
+                cd my-copilot-app
+                ```
+            </Step>
+            <Step>
+                ### Install CopilotKit packages
+
+                ```package-install
+                @copilotkit/react-ui @copilotkit/react-core @copilotkit/runtime @ag-ui/llamaindex
+                ```
+            </Step>
             <Step>
                 ### Create your LlamaIndex agent server
 
@@ -229,22 +245,6 @@ Before you begin, you'll need the following:
                   The `get_ag_ui_workflow_router` creates a standardized API endpoint that CopilotKit can communicate with. This allows your LlamaIndex agent to work seamlessly with the CopilotKit frontend.
                 </Callout>
             </Step>
-            <Step>
-                ### Frontend Setup
-                CopilotKit works with any React-based frontend. We'll use Next.js for this example.
-
-                ```bash
-                npx create-next-app@latest my-copilot-app
-                cd my-copilot-app
-                ```
-            </Step>
-            <Step>
-                ### Install CopilotKit packages
-
-                ```package-install
-                @copilotkit/react-ui @copilotkit/react-core @copilotkit/runtime @ag-ui/llamaindex
-                ```
-            </Step>
             <Step>
                 ### Setup Copilot Runtime