Module routes

Description

Application Routing System Definition

Configures the complete routing architecture for the application by:

• Defining all available routes and their URL paths
• Connecting each route to its corresponding page component
• Implementing route-level code splitting with lazy loading
• Building and exporting the complete route hierarchy

Route structure:

• / → HomePage: Real-time monitoring dashboard for Spotify playback
• /skipped-tracks → SkippedTracksPage: Detailed analysis of skipped music tracks
• /statistics → StatisticsPage: Comprehensive listening statistics and visualizations
• /settings → SettingsPage: Application configuration and preferences

Performance optimizations:

• Dynamic imports with React.lazy for code splitting
• Suspense boundaries with loading indicators for each route
• Single source of truth for route definitions
• Isolated loading states for each route component

This module integrates with the root route from __root.tsx and is consumed by router.tsx to create the final router configuration.