docs: update documentation setup and styling for Mermaid support

- Clarified GitHub Pages auto-deployment to include Mermaid diagram support in DOCS_SYNC_SETUP.md
- Cleaned up whitespace in index.md and custom.css for better formatting and consistency

Author: Thavarshan

DOCS_SYNC_SETUP.md

@@ -8,7 +8,7 @@ The setup creates:
 
 - **Separate docs repository**: `altus4/docs` for documentation only
 - **Automatic sync**: Changes in `docs/` directory trigger sync to docs repo
-- **GitHub Pages**: Auto-deployment of documentation site
+- **GitHub Pages**: Auto-deployment of documentation site with Mermaid diagram support
 - **Manual sync**: Script for manual synchronization when needed
 
 ## Prerequisites

docs/.vitepress/theme/custom.css

@@ -25,7 +25,7 @@
     padding: 0.5rem;
     margin: 1rem 0;
   }
-  
+
   .mermaid-diagram svg {
     font-size: 12px;
   }

docs/index.md

@@ -115,7 +115,7 @@ graph TD
     C --> D[Target Repository]
     D --> E[GitHub Pages]
     E --> F[Live Documentation]
-    
+
     style A fill:#e8f5e8
     style F fill:#fff3e0
 ```