removed the blinking light after connection as it was taking a lot of iteration time.

Made the sidebar icon use the famous burger

Provider/frontend/src/lib/Sidebar.svelte

@@ -19,7 +19,11 @@
       onclick={() => collapsed = !collapsed}
       title={collapsed ? 'Expand' : 'Collapse'}
     >
-      {collapsed ? '▶' : '◀'}
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round">
+        <line x1="3" y1="6" x2="21" y2="6"></line>
+        <line x1="3" y1="12" x2="21" y2="12"></line>
+        <line x1="3" y1="18" x2="21" y2="18"></line>
+      </svg>
     </button>
   </div>
 
@@ -55,6 +59,10 @@
     width: 56px;
   }
 
+  .sidebar.collapsed .sidebar-header {
+    justify-content: center;
+  }
+
   .sidebar-header {
     display: flex;
     align-items: center;
@@ -79,13 +87,20 @@
     border: none;
     color: var(--color-text-secondary);
     cursor: pointer;
-    padding: 4px;
-    font-size: 10px;
-    border-radius: 4px;
-    transition: color 0.15s, background 0.15s;
+    padding: 6px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 6px;
+    transition: all 0.2s;
     flex-shrink: 0;
   }
 
+  .collapse-btn svg {
+    width: 18px;
+    height: 18px;
+  }
+
   .collapse-btn:hover {
     color: var(--color-text-primary);
     background: var(--color-bg-card-hover);