feat: Improve UI navigation and logo visibility

- Update navigation labels: 'Navigation' → 'Ponderants', 'Edit Node' → 'Manual', 'Conversation' → 'Convo', 'Galaxy View' → 'Galaxy'
- Improve logo visibility with CSS transform scale(3.5) and higher contrast colors (#E0E0E0, #909296)
- Make logo square (viewBox 60x60) for better favicon display
- Enhance mobile UX with vertical navigation buttons and text labels
- Add 'Profile' label to user menu in navigation
- Improve sidebar highlighting with blue color, bold font, and rounded corners
- Fix layout issues: adjust chat padding for sidebar (260px) and bottom bar (90px)
- Make borders more subtle (#373A40 instead of #dee2e6)
- Increase sidebar width to 260px to accommodate logo and text
- Remove desktop top bar for cleaner layout
- Use IconChartBubbleFilled for galaxy navigation

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

Co-Authored-By: Claude <noreply@anthropic.com>

app/chat/page.tsx

@@ -167,57 +167,9 @@ export default function ChatPage() {
   const canSkipAudio = state.hasTag('canSkipAudio');
 
   return (
-    <Container size="md" style={{ paddingTop: '80px', paddingBottom: '300px', maxWidth: '100%' }}>
-      {/* Fixed Header */}
-      <Paper
-        withBorder
-        p="md"
-        radius={0}
-        style={{
-          position: 'fixed',
-          top: 0,
-          left: 0,
-          right: 0,
-          zIndex: 50,
-          borderBottom: '1px solid #dee2e6',
-          backgroundColor: '#1a1b1e',
-        }}
-      >
-        <Container size="md">
-          <Group justify="space-between">
-            <Title order={2}>Convo</Title>
-            {!isMobile && (
-              <Group gap="md">
-                <Tooltip label="Generate a node from this conversation">
-                  <Button
-                    variant="light"
-                    color="blue"
-                    leftSection={<IconNotes size={18} />}
-                    onClick={handleCreateNode}
-                    loading={isCreatingNode}
-                    disabled={messages.length === 0 || status === 'submitted' || status === 'streaming'}
-                  >
-                    Create Node
-                  </Button>
-                </Tooltip>
-                <Tooltip label="Start a new conversation">
-                  <Button
-                    variant="subtle"
-                    onClick={handleNewConversation}
-                    disabled={status === 'submitted' || status === 'streaming'}
-                  >
-                    New Conversation
-                  </Button>
-                </Tooltip>
-                <UserMenu />
-              </Group>
-            )}
-          </Group>
-        </Container>
-      </Paper>
-
+    <Container size="md" style={{ paddingTop: isMobile ? '0' : '1rem', paddingBottom: '300px', maxWidth: '100%', height: '100vh' }}>
       {/* Scrollable Messages Area */}
-      <ScrollArea h="calc(100vh - 380px)" viewportRef={viewport}>
+      <ScrollArea h={isMobile ? 'calc(100vh - 250px)' : 'calc(100vh - 300px)'} viewportRef={viewport}>
         <Stack gap="md" pb="xl">
           {messages.map((m) => (
             <Paper
@@ -301,11 +253,11 @@ export default function ChatPage() {
         radius={0}
         style={{
           position: 'fixed',
-          bottom: 0,
-          left: 0,
+          bottom: isMobile ? '90px' : 0,
+          left: isMobile ? 0 : '260px',
           right: 0,
           zIndex: 50,
-          borderTop: '1px solid #dee2e6',
+          borderTop: '1px solid #373A40',
           backgroundColor: '#1a1b1e',
         }}
       >