Add statistics page with metrics, charts, and insights functionality

- Implemented CSS styles for the statistics page layout and components.
- Developed JavaScript functionality for managing statistics, including data fetching, chart rendering, and tab navigation.
- Created HTML template for the statistics page, integrating dynamic content for metrics, charts, and insights.
- Added responsive design adjustments and loading states for better user experience.

static/js/utils/routes.js

@@ -40,7 +40,8 @@ export const apiRoutes = {
 export const pageRoutes = {
     loras: '/loras',
     recipes: '/loras/recipes',
-    checkpoints: '/checkpoints'
+    checkpoints: '/checkpoints',
+    statistics: '/statistics'
 };
 
 // Helper function to get current page type
@@ -48,6 +49,7 @@ export function getCurrentPageType() {
     const path = window.location.pathname;
     if (path.includes('/loras/recipes')) return 'recipes';
     if (path.includes('/checkpoints')) return 'checkpoints';
+    if (path.includes('/statistics')) return 'statistics';
     if (path.includes('/loras')) return 'loras';
     return 'unknown';
 }