DOCSP-48717 Update Non-MongoDB Credentials (#1070) (#1083)

* DOCSP-48717 Update non-MongoDB Credentials

* update procedure

* copy

* spacing issue

* spacing

* fix images

* JS review

(cherry picked from commit ed263a9)

Co-authored-by: lindseymoore <[email protected]>

Author: github-actions[bot]

source/includes/figures/atlas_connect.png

@@ -24,34 +24,32 @@ To connect to an instance or deployment not hosted on Atlas, see
       To retrieve your connection string for the deployment that
       you created in the :ref:`previous step <node-quick-start-create-deployment>`,
       log into your Atlas account and navigate to the
-      :guilabel:`Database` section and click the :guilabel:`Connect` button
+      :guilabel:`Clusters` section and click the :guilabel:`Connect` button
       for your new deployment.
 
-      .. figure:: /includes/figures/atlas_connection_select_cluster.png
+      .. figure:: /includes/figures/atlas_connect.png
          :alt: The connect button in the clusters section of the Atlas UI
 
-      Proceed to the :guilabel:`Connect your application` section and select
-      "Node.js" from the :guilabel:`Driver` selection menu and the version
+      Select the :guilabel:`Drivers` option from the :guilabel:`Connect to your application` 
+      section. Then in the :guilabel:`Connecting with MongoDB Driver` 
+      menu, select "Node.js" from the :guilabel:`Driver` selection menu and the version
       that best matches the version you installed from the :guilabel:`Version`
       selection menu.
 
       Select the :guilabel:`Password (SCRAM)` authentication mechanism.
-      
-      Deselect the :guilabel:`Include full driver code example` to view
-      the connection string.
 
    .. step:: Copy your Connection String
 
       Click the button on the right of the connection string to copy it to
       your clipboard as shown in the following screenshot:
 
-      .. figure:: /includes/figures/atlas_connection_copy_string_node.png
+      .. figure:: /includes/figures/atlas_connection_copy_string.png
          :alt: The connection string copy button in the Atlas UI
 
    .. step:: Update the Placeholders
 
       Paste this connection string into a a file in your preferred text editor
-      and replace the "<username>" and "<password>" placeholders with
+      and replace the "<db_username>" and "<db_password>" placeholders with
       your database user's username and password.
 
       Save this file to a safe location for use in the next step.