chat client UI restructure + added all projects view and settings view(placeholder)

packages/chat-client/src/components/InfoPanel.jsx

@@ -3,13 +3,17 @@ import React from 'react';
 export default function InfoPanel({ isOpen, onToggle, activeSession, lastModel, lastTokenCount, selectedModel, onModelChange, models }) {
   return (
     <div className="flex-col" style={{
-      width: isOpen ? 'var(--panel-width)' : '56px',
-      flexShrink: 0,
-      background: 'var(--bg-surface)',
-      borderLeft: '1px solid var(--border)',
-      transition: 'width 0.2s ease',
-      overflow: 'hidden',
-    }}>
+  position: 'fixed',
+  top: 0,
+  right: 0,
+  height: '100vh',
+  width: 'var(--panel-width)',
+  background: 'var(--bg-surface)',
+  borderLeft: '1px solid var(--border)',
+  transform: isOpen ? 'translateX(0)' : 'translateX(100%)',
+  transition: 'transform 0.2s ease',
+  zIndex: 20,
+}}>
 
       {/* Header */}
       <div className="panel-header" style={{
@@ -72,13 +76,6 @@ export default function InfoPanel({ isOpen, onToggle, activeSession, lastModel,
 
         </div>
       )}
-
-      {!isOpen && (
-        <div className="flex-col items-center" style={{ flex: 1, paddingTop: '16px', gap: '16px' }}>
-          <IconHint title="Model">M</IconHint>
-          <IconHint title="Session">S</IconHint>
-        </div>
-      )}
     </div>
   );
 }