fix "New Chat" button's svg size issue and make a bit smaller sidebar

components/sidebar.js

@@ -10,9 +10,8 @@ class CustomSidebar extends HTMLElement {
             <style>
                 @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');
                 * { font-family: 'Inter', sans-serif; }
-                
                 .sidebar {
-                    width: 280px;
+                    width: 260px;
                     background: #09090b;
                     border-right: 1px solid #18181b;
                     padding: 16px;
@@ -26,8 +25,7 @@ class CustomSidebar extends HTMLElement {
                     display: flex;
                     flex-direction: column;
                 }
-                
-                .sidebar-header {
+.sidebar-header {
                     margin-bottom: 24px;
                 }
                 
@@ -311,18 +309,17 @@ class CustomSidebar extends HTMLElement {
                 .sidebar::-webkit-scrollbar-thumb:hover {
                     background: #71717a;
                 }
-                
                 @media (max-width: 768px) {
                     .sidebar {
                         transform: translateX(-100%);
-                        width: 280px;
+                        width: 260px;
                     }
                     
                     .sidebar.active {
                         transform: translateX(0);
                     }
                 }
-            </style>
+</style>
             
             <nav class="sidebar">
                 <div class="sidebar-header">
@@ -332,12 +329,12 @@ class CustomSidebar extends HTMLElement {
                 
                 <div class="sidebar-buttons">
                     <button onclick="startNewChat()" class="new-chat-btn">
-                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                             <path d="M12 5v14m-7-7h14"/>
                         </svg>
                         <span>New Chat</span>
                     </button>
-                    <button onclick="window.location.href='/media'" class="sidebar-btn">
+<button onclick="window.location.href='/media'" class="sidebar-btn">
                         <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                             <rect x="3" y="3" width="18" height="18" rx="2" ry="2"/>
                             <circle cx="8.5" cy="8.5" r="1.5"/>

index.html

@@ -64,7 +64,7 @@
         <custom-sidebar></custom-sidebar>
 <custom-sidebar></custom-sidebar>
 <!-- Main Chat Area -->
-<main class="flex-1 flex flex-col bg-zinc-950 relative overflow-hidden max-h-full ml-[280px]">
+<main class="flex-1 flex flex-col bg-zinc-950 relative overflow-hidden max-h-full ml-[260px]">
 <!-- Chat Header -->
             <div class="bg-zinc-900/30 backdrop-blur-lg border-b border-zinc-800 p-4 flex items-center justify-between">
                 <div class="flex items-center space-x-3">

style.css

@@ -163,7 +163,7 @@ main {
 /* Desktop Responsive */
 @media (min-width: 769px) {
     main {
-        margin-left: 280px;
+        margin-left: 260px;
     }
 }
 /* Loading Skeleton */