fix sidebar in the left

components/sidebar.js

@@ -4,7 +4,6 @@ class CustomSidebar extends HTMLElement {
         super();
         this.attachShadow({ mode: 'open' });
     }
-    
     connectedCallback() {
         this.shadowRoot.innerHTML = `
             <style>

index.html

@@ -64,7 +64,7 @@
         <custom-sidebar></custom-sidebar>
         <!-- Chat Container -->
         <div class="flex-1 flex bg-zinc-950 relative overflow-hidden" style="margin-left: 260px;">
-            <!-- Chat Section -->
+<!-- Chat Section -->
             <div class="flex-1 flex flex-col relative overflow-hidden max-h-screen">
 <!-- Messages Container -->
                 <div id="chatContainer" class="flex-1 overflow-y-auto scroll-smooth p-4 space-y-4" style="scrollbar-width: thin; scrollbar-color: #525252 #18181b;">

script.js

@@ -64,13 +64,10 @@ function setupEventListeners() {
     });
 }
 function initializeSidebarToggle() {
-    // Sidebar is now fixed - no toggle functionality needed
-    console.log('Sidebar is fixed in position');
+    console.log('Sidebar is fixed on the left side');
 }
-
 function toggleSidebar() {
-    // Sidebar is now fixed - no toggle functionality
-    console.log('Sidebar cannot be toggled - it is fixed');
+    console.log('Sidebar is fixed on the left side');
 }
 function sendMessage() {
     const input = document.getElementById('messageInput');

style.css

@@ -223,7 +223,7 @@ body {
     overflow: hidden;
     max-height: 100vh;
 }
-/* Fixed sidebar layout - no transitions needed */
+/* Fixed sidebar layout */
 custom-sidebar {
     position: fixed !important;
     left: 0;
@@ -237,9 +237,10 @@ custom-sidebar {
     width: calc(100% - 260px);
     position: relative;
 }
-/* Remove sidebar transition for fixed layout */
+/* Fixed sidebar - no transitions */
 .sidebar {
-    transition: none;
+    transition: none !important;
+    position: fixed !important;
 }
 
 .sidebar * {
@@ -250,6 +251,7 @@ custom-sidebar {
 /* Sidebar Transitions */
 .sidebar {
     transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+    position: fixed !important;
 }
 
 .sidebar * {