ADD new frontend

frontend/src/main.tsx

@@ -1,10 +1,28 @@
-import React from 'react'
-import ReactDOM from 'react-dom/client'
-import App from './App.tsx'
-import './index.css'
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import App from './App';
+import './styles/globals.css';
+import './styles/components.css';
+import './styles/animations.css';
+import './styles/themes/light.css';
+import './styles/themes/dark.css';
+
+// Register service worker for PWA
+if ('serviceWorker' in navigator && import.meta.env.VITE_ENABLE_PWA === 'true') {
+  window.addEventListener('load', () => {
+    navigator.serviceWorker.register('/sw.js').then(
+      (registration) => {
+        console.log('SW registered:', registration);
+      },
+      (error) => {
+        console.log('SW registration failed:', error);
+      }
+    );
+  });
+}
 
 ReactDOM.createRoot(document.getElementById('root')!).render(
   <React.StrictMode>
     <App />
-  </React.StrictMode>,
-)
+  </React.StrictMode>
+);