Style Core Views: Application View, Headers, Folder Tabs, Menu Bar, Floating Bar

[jessefreeman]

Scope:
Style and implement the main structural views that form the foundation of PV8's interface.

Components to Style:

• Application View: Main screen layout with title at top, nav bar at bottom
• Headers: Icon + text + horizontal line, optional action icons
• Folder Tabs: Top tabs with drop-down style, supports sub-tabs (A–Z navigation)
• Menu Bar: Bottom bar with info button, font/keyboard options, developer actions, exit button
• Floating Bar: Extra overflow actions container

Styling Requirements:

• Consistent spacing and alignment across all views
• Proper z-index layering for overlapping elements
• Responsive behavior for different screen sizes
• Smooth transitions for interactive states
• Integration with PV8 color palette and typography

Acceptance Criteria:

• All core views render correctly with PV8 styling
• Interactive elements (tabs, buttons) respond appropriately
• Layout remains stable across different content sizes
• Views integrate seamlessly with other UI components
• Test page demonstrates all core view variations

Deliverables:

• CSS for core view layouts and styling
• Interactive behavior implementations
• Test page examples for each view type
• Usage documentation for developers

Dependencies:

• Requires Custom Components: Build PV8-specific UI components not in base 98.css #10 (custom components) to be completed first

Parent epic: #7