fix: Monitor App Usage (#2905)

## Description 

Provide a concise summary of the changes made in this pull request
- 

## Pull request type

Check the appropriate box:

- [ ] Review Fixes
- [ ] Documentation Overhaul
- [ ] Feature/Story
    - Link one or more Engineering Tickets
        * 
- [ ] A-Force
- [ ] Error in documentation
- [ ] Maintenance

## Documentation tickets

 Link to one or more documentation tickets:
 - 

## Checklist

From the below options, select the ones that are applicable:

- [ ] Checked for Grammarly suggestions.
- [ ] Adhered to the writing checklist.
- [ ] Adhered to the media checklist.
- [ ] Verified and updated cross-references or added redirect rules.
- [ ] Tested the redirect rules on deploy preview.
- [ ] Validated the modifications made to the content on the deploy
preview.
- [ ] Validated the CSS modifications on different screen sizes.

Author: harshilp24

website/docs/build-apps/how-to-guides/export-audit-logs.md

@@ -8,7 +8,7 @@ This guide shows you how to export audit logs, which allows you to share system
 
 ## Prerequisites
 
-- Self-hosted Appsmith instance with access to [Admin settings](/getting-started/setup/instance-configuration#admin-settings).
+- Appsmith instance with access to [Admin setting](/getting-started/setup/instance-configuration/admin-settings).
 - Access to the MongoDB URI, either embedded with Appsmith or external.
 
 
@@ -17,51 +17,45 @@ This guide shows you how to export audit logs, which allows you to share system
 Follow these steps to connect your MongoDB to fetch audit logs:
 
 
-<dd>
-
-
-<div style={{ position: "relative", paddingBottom: "calc(50.52% + 41px)", height: 0, width: "100%" }}>
-  <iframe
-    src="https://demo.arcade.software/VORqZSvYo0RPYVSq46Li?embed"
-    frameBorder="0"
-    loading="lazy"
-    webkitAllowFullScreen
-    mozAllowFullScreen
-    allowFullScreen
-    allow="fullscreen"
-    style={{ position: "absolute", top: 0, left: 0, width: "100%", height: "100%" }}
-    title="Appsmith | Connect Data"
-  />
-</div>
-
-
 
-</dd>
-
-
-1. In Appsmith, open the **Admin settings** page from the top-right corner.
 
-2. Open the Advanced tab, and copy the **MongoDB URI**. If the URI is not available, open the environment variable file (`docker.env` for Docker or `values.yaml` for Kubernetes) and copy the `APPSMITH_DB_URL`. The URI looks like:
+1. Open the **Admin Settings**, click the settings icon in the top-right corner of your workspace. If the icon is not visible, ensure you are signed in with an administrator account.
 
+2. In **Admin Settings**, go to the **Configuration** section and copy the value of `APPSMITH_DB_URL`.
 
+<dd>
 
+If the URI is not visible, open your environment file (`docker.env` for Docker or `values.yaml` for Kubernetes) and copy the value of `APPSMITH_DB_URL`.
 
-<dd>
 
 ```js
 mongodb://appsmith:Oabc123@localhost:27017/appsmith
 ```
 
+<ZoomImage
+  src="/img/mongo-db-new-settings.png" 
+  alt=""
+  caption=""
+/>
 
 </dd>
 
 
-2. Create a new MongoDB datasource using the MongoDB URI:
+3. Open your Appsmith application and navigate to the **Datasource** section. Click **+ Create New** and select **MongoDB**.
+
 
 <dd>
 
 - For external MongoDB, use the provided URI or configure it according to your MongoDB setup.
 
+<dd>
+
+```js
+mongodb+srv://username:[email protected]/appsmith
+```
+
+</dd>
+
 - For embedded MongoDB (internal), append `?authsource=appsmith` to the end of the URI, like this:
 
 <dd>
@@ -77,7 +71,6 @@ For more information on how to configure the MongoDB datasource, see [MongoDB](/
 
 </dd>
 
-
 ## Process and format logs
 
 Follow these steps to fetch audit logs and format the data into a format suitable for monitoring tools:
@@ -89,7 +82,7 @@ Follow these steps to fetch audit logs and format the data into a format suitabl
 
 <dd>
 
-*Example -* To fetch the raw logs displaying detailed application usage information, follow these steps:
+*Example:* To fetch the raw logs displaying detailed application usage information, follow these steps:
 
 
 - Set the **Command** to `Find documents(s)`, the **Collection** to `auditlog`, and configure the query like this:

website/docs/build-apps/how-to-guides/usage-app.md

@@ -7,7 +7,7 @@ This page shows how to build an Appsmith app to monitor other Appsmith applicati
 
 ## Prerequisites
 
-- Appsmith instance with access to [Admin setting](/getting-started/setup/instance-configuration#admin-settings).
+- Appsmith instance with access to [Admin setting](/getting-started/setup/instance-configuration/admin-settings).
 - Access to the MongoDB URI, either embedded with Appsmith or external.
 
 
@@ -16,48 +16,45 @@ This page shows how to build an Appsmith app to monitor other Appsmith applicati
 Follow these steps to connect your MongoDB and create queries to fetch usage data:
 
 
-<dd>
-
-<div style={{ position: "relative", paddingBottom: "calc(50.52% + 41px)", height: 0, width: "100%" }}>
-  <iframe
-    src="https://demo.arcade.software/VORqZSvYo0RPYVSq46Li?embed"
-    frameBorder="0"
-    loading="lazy"
-    webkitAllowFullScreen
-    mozAllowFullScreen
-    allowFullScreen
-    allow="fullscreen"
-    style={{ position: "absolute", top: 0, left: 0, width: "100%", height: "100%" }}
-    title="Appsmith | Connect Data"
-  />
-</div>
-
-</dd>
-
-
-1. In Appsmith, open the **Admin settings** page from the top-right corner.
+1. Open the **Admin Settings**, click the settings icon in the top-right corner of your workspace. If the icon is not visible, ensure you are signed in with an administrator account.
 
-2. Open the Advanced tab, and copy the **MongoDB URI**. If the URI is not available, open the environment variable file (`docker.env` for Docker or `values.yaml` for Kubernetes) and copy the `APPSMITH_DB_URL`. The URI looks like:
 
+2. In **Admin Settings**, go to the **Configuration** section and copy the value of `APPSMITH_DB_URL`.
 
+<dd>
 
+If the URI is not visible, open your environment file (`docker.env` for Docker or `values.yaml` for Kubernetes) and copy the value of `APPSMITH_DB_URL`.
 
-<dd>
 
 ```js
 mongodb://appsmith:Oabc123@localhost:27017/appsmith
 ```
 
+<ZoomImage
+  src="/img/mongo-db-new-settings.png" 
+  alt=""
+  caption=""
+/>
+
 
 </dd>
 
 
-2. Create a new MongoDB datasource using the MongoDB URI:
+3. Open your Appsmith application and navigate to the **Datasource** section. Click **+ Create New** and select **MongoDB**.
+
 
 <dd>
 
 - For external MongoDB, use the provided URI or configure it according to your MongoDB setup.
 
+<dd>
+
+```js
+mongodb+srv://username:[email protected]/appsmith
+```
+
+</dd>
+
 - For embedded MongoDB (internal), append `?authsource=appsmith` to the end of the URI, like this:
 
 <dd>
@@ -73,11 +70,12 @@ For more information on how to configure the MongoDB datasource, see [MongoDB](/
 
 </dd>
 
-3. Create a new query to fetch logs from the `auditlog` **Collection** and configure the parameters as needed. 
-
+4. Create a new query using the connected MongoDB datasource. Select the `auditlog` collection to retrieve event data from your Appsmith instance.
 
 <dd>
 
+You can configure the query using filters to track specific types of activity such as:
+
 - For application lifecycle events, use ` application.created`, `application.updated`, `application.deleted`, and `application.deployed` to track when applications are created, modified, deleted, or deployed.
 
 - To keep track of user actions, use `user.logged_in`, `user.logged_out`, and `user.signed_up` to log user sign-ins, sign-outs, and new user registrations.
@@ -134,7 +132,7 @@ For more information on how logs are stored, see [Log contents](/advanced-concep
 </dd>
 
 
-4. Drag a Chart widget and set its **Series Data** property to display the data, like:
+5. Drag a Chart widget and set its **Series Data** property to display the data, like:
 
 <dd>