Updating screenshots

Author: ajosh0504

docs/20-dev-env/1-dev-env-setup.mdx

@@ -24,7 +24,7 @@ You will be working in GitHub Codespaces throughout this lab. A codespace is a c
 
 Navigate to [this](https://github.com/codespaces/new/mongodb-developer/genai-devday-notebooks?quickstart=1) link. You will be prompted to sign into GitHub if you haven't already. Once signed in, click the **Create new codespace** button to create a new codespace.
 
-<Screenshot url="https://github.com/codespaces" src="img/screenshots/20-dev-env/2-dev-env-setup/3-create-codespace.png" alt="Start a codespace" />
+<Screenshot url="https://github.com/codespaces" src="img/screenshots/20-dev-env/1-dev-env-setup/3-create-codespace.png" alt="Start a codespace" />
 
 Let it run for a few seconds as it prepares a Docker container with all the required libraries and a MongoDB cluster.
 
@@ -34,37 +34,43 @@ Once the environment is built, you will be prompted to connect to the MongoDB cl
 
 To connect to the cluster, click the **Connect** button.
 
-<Screenshot url="https://github.com/codespaces" src="img/screenshots/20-dev-env/2-dev-env-setup/4-click-connect.png" alt="Click Connect" />
+<Screenshot url="https://github.com/codespaces" src="img/screenshots/20-dev-env/1-dev-env-setup/4-click-connect.png" alt="Click Connect" />
 
-In the modal that appears at the top of the screen, enter the string `mongodb://admin:mongodb@mongodb:27017/` and hit `Enter` on your keyboard.
+In the modal that appears at the top of the screen, copy and paste the following string, and hit **Enter** on your keyboard:
 
-<Screenshot url="https://github.com/codespaces" src="img/screenshots/20-dev-env/2-dev-env-setup/5-enter-connection-string.png" alt="Enter connection string" />
+<div>
+```
+mongodb://admin:mongodb@mongodb:27017/
+```
+</div>
+
+<Screenshot url="https://github.com/codespaces" src="img/screenshots/20-dev-env/1-dev-env-setup/5-enter-connection-string.png" alt="Enter connection string" />
 
 If the connection was successful, you should see **Connected to: mongodb:27017** with a green indicator.
 
-<Screenshot url="https://github.com/codespaces" src="img/screenshots/20-dev-env/2-dev-env-setup/6-connection-successful.png" alt="Connection successful" />
+<Screenshot url="https://github.com/codespaces" src="img/screenshots/20-dev-env/1-dev-env-setup/6-connection-successful.png" alt="Connection successful" />
 
 You can view the default and any additional collections we create on the cluster during the lab by clicking the leaf icon in the left navigation bar of the IDE.
 
-<Screenshot url="https://github.com/codespaces" src="img/screenshots/20-dev-env/2-dev-env-setup/7-view-collections.png" alt="View collections" />
+<Screenshot url="https://github.com/codespaces" src="img/screenshots/20-dev-env/1-dev-env-setup/7-view-collections.png" alt="View collections" />
 
 ### Jupyter Notebook setup
 
 You will be filling code in a Jupyter Notebook during this lab, so let's get set up with that next!
 
 Click on the files icon in the left navigation bar. In the Explorer menu, under `notebooks`, click on the file named `ai-rag-lab.ipynb` to open the Jupyter Notebook for this lab.
 
-<Screenshot url="https://github.com/codespaces" src="img/screenshots/20-dev-env/2-dev-env-setup/2-nav-notebook.png" alt="Navigate to the notebook" />
+<Screenshot url="https://github.com/codespaces" src="img/screenshots/20-dev-env/1-dev-env-setup/8-nav-notebook.png" alt="Navigate to the notebook" />
 
 Next, select the Python interpreter by clicking **Select Kernel** at the top right of the IDE.
 
-<Screenshot url="https://github.com/codespaces" src="img/screenshots/20-dev-env/2-dev-env-setup/8-select-kernel.png" alt="Select kernel" />
+<Screenshot url="https://github.com/codespaces" src="img/screenshots/20-dev-env/1-dev-env-setup/9-select-kernel.png" alt="Select kernel" />
 
 In the modal that appears, click **Python environments...** and select the interpreter that is marked as **Recommended** or **Global Env**.
 
-<Screenshot url="https://github.com/codespaces" src="img/screenshots/20-dev-env/2-dev-env-setup/9-python-env-modal.png" alt="Select Python Environments" />
+<Screenshot url="https://github.com/codespaces" src="img/screenshots/20-dev-env/1-dev-env-setup/10-python-env-modal.png" alt="Select Python Environments" />
 
-<Screenshot url="https://github.com/codespaces" src="img/screenshots/20-dev-env/2-dev-env-setup/10-select-recommended.png" alt="Select recommended interpreter" />
+<Screenshot url="https://github.com/codespaces" src="img/screenshots/20-dev-env/1-dev-env-setup/11-select-recommended.png" alt="Select recommended interpreter" />
 
 That's it! You're ready for the lab!
 
@@ -110,4 +116,4 @@ jupyter notebook
 
 * In the browser tab that pops up, open the file named `ai-rag-lab.ipynb`.
 
-<Screenshot url="localhost:8888/tree" src="img/screenshots/20-dev-env/2-dev-env-setup/11-jupyter-notebook.png" alt="Jupyter Notebook" />
+<Screenshot url="localhost:8888/tree" src="img/screenshots/20-dev-env/1-dev-env-setup/12-jupyter-notebook.png" alt="Jupyter Notebook" />