Fix the 3 lins icon please

index.html

@@ -57,8 +57,8 @@
     <!-- Left Sidebar -->
     <div id="sidebar" class="w-[240px] h-full bg-[#171617] flex flex-col border-r border-dark-700 transition-all duration-300 ease-in-out">
         <button id="sidebar-toggle" class="ml-2 w-6 h-6 bg-dark-700 rounded-full flex items-center justify-center border border-dark-600 shadow-lg hover:bg-dark-600 transition-colors">
-            <i data-feather="align-left" class="w-4 h-4 stroke-gray-400"></i>
-        </button>
+            <i data-feather="menu" class="w-4 h-4 stroke-gray-400"></i>
+</button>
 <!-- Logo -->
         <div class="flex items-center p-4">
             <h1 class="text-xl serif text-[#EAE7E3] ml-2">Syntra</h1>