Add docs for recce share

Signed-off-by: Wei-Chun, Chang <[email protected]>

Author: wcchang1115

docs/assets/images/recce-cloud/recce-share-from-cli.png

@@ -0,0 +1,41 @@
+---
+title: Share Recce Session
+icon: material/account-eye
+---
+
+If you've already used Recce to validate your PR and prepared checks, but stakeholders might not have the environment to run Recce. Recce Cloud allows you to quickly and easily share your Recce validation results. Just click your share link to open a read-only Recce instance directly in the browser with __no local setup required__, so your reviewers or stakeholders can quickly join the review process.
+
+!!! Note
+
+    Please note that Recce users with the link can visit your sharing session.
+
+## How to use
+
+1. Obtain API token from Recce Cloud
+    
+    To connect to your Recce Cloud account, you need an API token. Please copy your API Token from the personal settings page in Recce Cloud.
+    ![Recce API Token](../../assets/images/recce-cloud/setting-page-api-token-fs8.png){: .shadow}
+
+1. Add the token to `.recce/profile.yml`
+
+    For convenience, you can enter your API token in `.recce/profile.yml`, located by default in your home directory. 
+    ```yaml
+    user_id: <your_user_id>
+    api_token: <your_api_token>
+    ```
+    Or, you can use `--api-token` flag with commend for one-time use. e.g.,
+    ```bash
+    recce server --api-token <your_api_token>
+    ```
+
+1. Start Recce server
+
+    After launching, you'll see the __Share__ button at the top, then you can click it to get the link.
+    ![Recce Share From Server](../../assets/images/recce-cloud/recce-share-from-server-fs8.png){: .shadow}
+
+    You can also use the `recce share` command. If you already have a prepared Recce state file, you can obtain a share link directly through the command line.
+    ```bash
+    recce share <your_state_file>
+    recce share --api-token <your_api_token> <your_state_file>  # for one-time use
+    ```
+    ![Recce Share From CLI](../../assets/images/recce-cloud/recce-share-from-cli.png){: .shadow}

docs/assets/images/recce-cloud/recce-share-from-server-fs8.png

@@ -76,6 +76,7 @@ nav:
       - docs/recce-cloud/setup-gh-actions.md
       - docs/recce-cloud/setup-gh-codespaces.md
       - docs/recce-cloud/expose-recce-instance-visibility.md
+      - docs/recce-cloud/share-recce-session-securely.md
       - Cloud Architecture:
           # - docs/recce-cloud/architecture/index.md
           - docs/recce-cloud/architecture/security.md