Move navigation tabs into sidebar menu and make header more compact

UI Changes:
- Moved You/Chat/Knowledge from bottom navigation row into sidebar menu
- Header now only shows "co" logo (no separate tab row)
- Made header more compact with reduced padding and smaller fonts
- Sidebar menu order: You, Chat, Knowledge, Settings, Light Mode, Open in Browser, Refresh Co, Logout
- Active view now highlighted in sidebar

Space savings:
- Removed entire bottom navigation row
- Reduced header padding from 12px to 6px top/bottom
- Smaller "co" logo: 36pt -> 28pt
- Cleaner, more minimal header design

Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <[e-mail]>

App.new.tsx

···
 import LogoLoader from './src/components/LogoLoader';
 import CoLoginScreen from './CoLoginScreen';
 import AppHeader from './src/components/AppHeader';
-import BottomNavigation, { ViewType } from './src/components/BottomNavigation';
-import AppSidebar from './src/components/AppSidebar';
+import AppSidebar, { ViewType } from './src/components/AppSidebar';
 import YouView from './src/views/YouView';
 import { ChatScreen } from './src/screens/ChatScreen';
 import KnowledgeView from './src/views/KnowledgeView';
···
         animationValue={sidebarAnimRef}
         developerMode={developerMode}
         agentId={coAgent.id}
+        currentView={currentView}
         onClose={() => setSidebarVisible(false)}
-        onMemoryPress={() => {
+        onYouPress={() => {
+          setCurrentView('you');
+          loadMemoryBlocks();
+        }}
+        onChatPress={() => setCurrentView('chat')}
+        onKnowledgePress={() => {
           setCurrentView('knowledge');
           loadMemoryBlocks();
         }}
···
           onMenuPress={() => setSidebarVisible(!sidebarVisible)}
           developerMode={developerMode}
           onDeveloperModeToggle={() => setDeveloperMode(!developerMode)}
-        />
-
-        {/* Bottom Navigation */}
-        <BottomNavigation
-          theme={theme}
-          currentView={currentView}
-          hasMessages={hasMessages}
-          onYouPress={() => {
-            setCurrentView('you');
-            loadMemoryBlocks();
-          }}
-          onChatPress={() => setCurrentView('chat')}
-          onKnowledgePress={() => {
-            setCurrentView('knowledge');
-            loadMemoryBlocks();
-          }}
         />
 
         {/* View Content */}

src/components/AppHeader.tsx

···
       style={[
         styles.header,
         {
-          paddingTop: insets.top + 12,
+          paddingTop: insets.top + 6,
           backgroundColor: theme.colors.background.secondary,
           borderBottomColor: theme.colors.border.primary,
         },
···
       <TouchableOpacity onPress={onMenuPress} style={styles.menuButton}>
         <Ionicons
           name="menu"
-          size={24}
+          size={22}
           color={colorScheme === 'dark' ? '#FFFFFF' : theme.colors.text.primary}
         />
       </TouchableOpacity>
···
     flexDirection: 'row',
     alignItems: 'center',
     paddingHorizontal: 16,
-    paddingBottom: 12,
+    paddingBottom: 6,
     borderBottomWidth: 1,
   },
   menuButton: {
-    padding: 8,
+    padding: 6,
   },
   headerCenter: {
     flex: 1,
     alignItems: 'center',
   },
   headerTitle: {
-    fontSize: 36,
+    fontSize: 28,
     fontFamily: 'Lexend_700Bold',
   },
   headerSpacer: {
-    width: 40, // Balance the menu button width
+    width: 34, // Balance the menu button width
   },
 });
 

src/components/AppSidebar.tsx

···
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import type { Theme } from '../theme';
 
+export type ViewType = 'you' | 'chat' | 'knowledge' | 'settings';
+
 interface AppSidebarProps {
   theme: Theme;
   colorScheme: 'light' | 'dark';
···
   animationValue: Animated.Value; // 0 = hidden, 1 = visible
   developerMode: boolean;
   agentId?: string;
+  currentView: ViewType;
   onClose: () => void;
-  onMemoryPress: () => void;
+  onYouPress: () => void;
+  onChatPress: () => void;
+  onKnowledgePress: () => void;
   onSettingsPress: () => void;
   onThemeToggle: () => void;
   onRefreshAgent: () => Promise<void>;
···
   animationValue,
   developerMode,
   agentId,
+  currentView,
   onClose,
-  onMemoryPress,
+  onYouPress,
+  onChatPress,
+  onKnowledgePress,
   onSettingsPress,
   onThemeToggle,
   onRefreshAgent,
···
         contentContainerStyle={{ flexGrow: 1 }}
         ListHeaderComponent={
           <View style={styles.menuItems}>
-            {/* Memory */}
+            {/* You */}
             <TouchableOpacity
               style={[
                 styles.menuItem,
                 { borderBottomColor: theme.colors.border.primary },
+                currentView === 'you' && { backgroundColor: theme.colors.background.tertiary },
               ]}
               onPress={() => {
                 onClose();
-                onMemoryPress();
+                onYouPress();
+              }}
+            >
+              <Ionicons
+                name="person-outline"
+                size={24}
+                color={theme.colors.text.primary}
+              />
+              <Text style={[styles.menuItemText, { color: theme.colors.text.primary }]}>
+                You
+              </Text>
+            </TouchableOpacity>
+
+            {/* Chat */}
+            <TouchableOpacity
+              style={[
+                styles.menuItem,
+                { borderBottomColor: theme.colors.border.primary },
+                currentView === 'chat' && { backgroundColor: theme.colors.background.tertiary },
+              ]}
+              onPress={() => {
+                onClose();
+                onChatPress();
+              }}
+            >
+              <Ionicons
+                name="chatbubble-outline"
+                size={24}
+                color={theme.colors.text.primary}
+              />
+              <Text style={[styles.menuItemText, { color: theme.colors.text.primary }]}>
+                Chat
+              </Text>
+            </TouchableOpacity>
+
+            {/* Knowledge */}
+            <TouchableOpacity
+              style={[
+                styles.menuItem,
+                { borderBottomColor: theme.colors.border.primary },
+                currentView === 'knowledge' && { backgroundColor: theme.colors.background.tertiary },
+              ]}
+              onPress={() => {
+                onClose();
+                onKnowledgePress();
               }}
             >
               <Ionicons
···
                 color={theme.colors.text.primary}
               />
               <Text style={[styles.menuItemText, { color: theme.colors.text.primary }]}>
-                Memory
+                Knowledge
               </Text>
             </TouchableOpacity>
 
···
               style={[
                 styles.menuItem,
                 { borderBottomColor: theme.colors.border.primary },
+                currentView === 'settings' && { backgroundColor: theme.colors.background.tertiary },
               ]}
               onPress={() => {
                 onClose();
···
                 color={theme.colors.text.primary}
               />
               <Text style={[styles.menuItemText, { color: theme.colors.text.primary }]}>
-                {colorScheme === 'dark' ? 'Light Mode' : 'Dark Mode'}
+                Light Mode
               </Text>
             </TouchableOpacity>
 

src/components/BottomNavigation.tsx

···
     justifyContent: 'space-between',
     alignItems: 'center',
     paddingHorizontal: 16,
-    paddingVertical: 4,
+    paddingVertical: 2,
     maxWidth: 400,
     alignSelf: 'center',
     width: '100%',
   },
   viewSwitcherButton: {
-    paddingVertical: 6,
-    paddingHorizontal: 16,
-    borderRadius: 8,
+    paddingVertical: 4,
+    paddingHorizontal: 14,
+    borderRadius: 6,
     flex: 1,
     alignItems: 'center',
     justifyContent: 'center',
   },
   viewSwitcherText: {
-    fontSize: 14,
+    fontSize: 13,
     fontFamily: 'Lexend_500Medium',
   },
 });