Expand file type support beyond Markdown to include code, config, and build files with syntax highlighting and improved UI filtering

frontend/index.html

@@ -15,6 +15,10 @@
 
     <!-- Header -->
     <header class="header">
+      <button class="hamburger-btn" id="hamburger-btn" title="Menu">
+        <i data-lucide="menu" style="width:20px;height:20px"></i>
+      </button>
+
       <div class="header-logo">
         <i data-lucide="book-open" style="width:20px;height:20px"></i>
         ObsiGate
@@ -37,19 +41,34 @@
     <!-- Main -->
     <div class="main-body">
 
+      <!-- Mobile overlay -->
+      <div class="sidebar-overlay" id="sidebar-overlay"></div>
+
       <!-- Sidebar -->
-      <aside class="sidebar">
+      <aside class="sidebar" id="sidebar">
+        <!-- Sidebar filter -->
+        <div class="sidebar-filter">
+          <i data-lucide="filter" class="sidebar-filter-icon" style="width:14px;height:14px"></i>
+          <input type="text" id="sidebar-filter-input" placeholder="Filtrer fichiers et tags..." autocomplete="off">
+        </div>
+
         <div class="sidebar-tree" id="sidebar-tree">
           <div class="sidebar-section-title">Vaults</div>
           <div id="vault-tree"></div>
         </div>
 
-        <div class="tag-cloud-section">
+        <!-- Tag resize handle -->
+        <div class="tag-resize-handle" id="tag-resize-handle"></div>
+
+        <div class="tag-cloud-section" id="tag-cloud-section">
           <div class="tag-cloud-title">Tags</div>
           <div class="tag-cloud" id="tag-cloud"></div>
         </div>
       </aside>
 
+      <!-- Sidebar resize handle -->
+      <div class="sidebar-resize-handle" id="sidebar-resize-handle"></div>
+
       <!-- Content -->
       <main class="content-area" id="content-area">
         <div class="welcome" id="welcome">