Module MainLayout

Description

Main Application Layout Component

Serves as the primary structural container for the entire application, establishing a consistent visual hierarchy and navigation system.

Key structural elements:

• App header with application title and theme controls
• Draggable region for frameless window movement
• Scrollable content area with overflow handling
• Persistent bottom navigation bar with active route highlighting

Accessibility features:

• Semantic HTML structure with proper landmarks
• Focus-visible indicators for keyboard navigation
• Appropriate contrast between content and background

Technical implementation:

• Uses CSS app-region for Electron window dragging
• Implements TanStack Router integration for navigation
• Lazy-loads theme toggle component for performance
• Provides route matching for navigation state management