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>

components/AppLayout.tsx

@@ -26,7 +26,7 @@ export function AppLayout({ children }: { children: React.ReactNode }) {
 
       <AppShell
         navbar={{
-          width: isMobile ? 0 : 200,
+          width: isMobile ? 0 : 260,
           breakpoint: 'sm',
         }}
         padding={isMobile ? 0 : 'md'}
@@ -44,8 +44,8 @@ export function AppLayout({ children }: { children: React.ReactNode }) {
           style={{
             height: '100vh',
             overflow: 'auto',
-            paddingTop: isMobile ? '64px' : '0', // Space for mobile header
-            paddingBottom: isMobile ? '80px' : '0', // Space for mobile bottom bar
+            paddingTop: isMobile ? '72px' : '0', // Space for mobile header
+            paddingBottom: isMobile ? '90px' : '0', // Space for mobile bottom bar
           }}
         >
           {children}