Generate ERD diagram from schema at build time rather then dynamically to reduce dependency on mermaid js library in the frontend

templates/partials/sql_explorer/schema.html

@@ -15,11 +15,9 @@
         <span>Copy SQL</span>
     </button>
 
-    <div class="overflow-auto" style="max-height: 80vh;">
-        <div class="mermaid" style="opacity: 0;" _="on load
-             mermaid.init(undefined, this)
-             set me.style.opacity to '1'">
-            {{ mermaid_code }}
+    <div class="overflow-auto border rounded-xl bg-slate-50 p-4" style="max-height: 80vh;">
+        <div class="flex justify-center">
+            <img src="/static/img/schema.svg" alt="Database Schema Diagram" class="max-w-full h-auto">
         </div>
     </div>