Custom Components: Build PV8-specific UI components not in base 98.css

[jessefreeman]

Scope:
Develop custom UI components specific to Pixel Vision 8 that extend beyond the base 98.css framework.

PV8-Specific Components to Build:

• Application View (main screen with title at top, nav bar at bottom)
• Folder Tabs (top tabs, drop-down style, supports sub-tabs like A–Z navigation)
• Menu Bar (bottom bar: info button, font/keyboard options, developer actions, exit button)
• Floating Bar (extra overflow actions)
• Handwriting toggle/keyboard option for input fields
• Line-by-line scrollers with paging
• Status bars with icons/text on lines

Development Approach:

• Follow 98.css patterns and conventions for consistency
• Create reusable CSS classes and JavaScript behaviors
• Ensure components integrate seamlessly with base framework
• Build modular components that can be composed together
• Include proper accessibility attributes

Acceptance Criteria:

• All PV8-specific components functional and styled consistently
• Components integrate cleanly with base 98.css framework
• Reusable class structure for easy implementation
• Interactive behaviors work as expected
• Test page includes examples of all custom components

Deliverables:

• CSS for custom PV8 components
• JavaScript for interactive behaviors (if needed)
• Documentation for component usage
• Updated test page with custom component examples

Dependencies:

• Requires Graphics: Replace 98.css default elements with PV8 visual assets #9 (graphics) to be completed first

Parent epic: #7