Enhance Mermaid.js configuration for better diagram rendering

- Added explicit securityLevel and maxWidth settings
- Ensures diagrams render properly on GitHub Pages
- Mermaid.js loads client-side via CDN (no build-time dependency needed)

Author: rayraycodes

docs_site/_layouts/default.html

@@ -169,9 +169,17 @@
       font-weight: 600;
     }
   </style>
+  <!-- Mermaid.js for diagram rendering -->
   <script type="module">
     import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.esm.min.mjs';
-    mermaid.initialize({ startOnLoad: true, theme: 'default' });
+    mermaid.initialize({ 
+      startOnLoad: true, 
+      theme: 'default',
+      securityLevel: 'loose',
+      flowchart: { useMaxWidth: true },
+      sequence: { useMaxWidth: true },
+      gantt: { useMaxWidth: true }
+    });
   </script>
 </head>