Add file editing capability with CodeMirror 6 integration, loading indicator for searches, and clickable home logo

frontend/index.html

@@ -9,6 +9,16 @@
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github.min.css" id="hljs-theme-light" disabled>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
   <script src="https://unpkg.com/[email protected]/dist/umd/lucide.min.js"></script>
+  
+  <!-- CodeMirror 6 -->
+  <script type="module">
+    import { EditorView, basicSetup } from "https://esm.sh/@codemirror/[email protected]";
+    import { EditorState } from "https://esm.sh/@codemirror/[email protected]";
+    import { markdown } from "https://esm.sh/@codemirror/[email protected]";
+    import { oneDark } from "https://esm.sh/@codemirror/[email protected]";
+    import { keymap } from "https://esm.sh/@codemirror/[email protected]";
+    window.CodeMirror = { EditorView, EditorState, basicSetup, markdown, oneDark, keymap };
+  </script>
 </head>
 <body>
   <div class="app-container">
@@ -19,7 +29,7 @@
         <i data-lucide="menu" style="width:20px;height:20px"></i>
       </button>
 
-      <div class="header-logo">
+      <div class="header-logo" id="header-logo">
         <i data-lucide="book-open" style="width:20px;height:20px"></i>
         ObsiGate
       </div>
@@ -81,6 +91,26 @@
     </div>
   </div>
 
+  <!-- Editor Modal -->
+  <div class="editor-modal" id="editor-modal">
+    <div class="editor-container">
+      <div class="editor-header">
+        <div class="editor-title" id="editor-title">Édition</div>
+        <div class="editor-actions">
+          <button class="editor-btn" id="editor-cancel">
+            <i data-lucide="x" style="width:14px;height:14px"></i>
+            Annuler
+          </button>
+          <button class="editor-btn primary" id="editor-save">
+            <i data-lucide="save" style="width:14px;height:14px"></i>
+            Sauvegarder
+          </button>
+        </div>
+      </div>
+      <div class="editor-body" id="editor-body"></div>
+    </div>
+  </div>
+
   <script src="/static/app.js"></script>
 </body>
 </html>