Total refactoring performed

vite.config.ts

@@ -1,31 +1,39 @@
-import path from 'path';
 import { defineConfig, loadEnv } from 'vite';
 import react from '@vitejs/plugin-react';
+import tailwindcss from '@tailwindcss/vite';
+import { fileURLToPath } from 'url';
+import { dirname, resolve } from 'path';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
 
 export default defineConfig(({ mode }) => {
-    const env = loadEnv(mode, '.', '');
-    return {
-      root: 'public',
-      plugins: [react()],
-      base: '/ag-beats/',
-      build: {
-        outDir: '../dist',
-        emptyOutDir: true,
-        assetsDir: '.',
-        rollupOptions: {
-          input: {
-            main: path.resolve(__dirname, 'public/index.html')
-          }
-        }
-      },
-      define: {
-        'process.env.API_KEY': JSON.stringify(env.GEMINI_API_KEY),
-        'process.env.GEMINI_API_KEY': JSON.stringify(env.GEMINI_API_KEY)
-      },
-      resolve: {
-        alias: {
-          '@': path.resolve(__dirname, './public'),
+  const env = loadEnv(mode, '.', '');
+  return {
+    root: 'src',
+    plugins: [
+      react(),
+      tailwindcss(),
+    ],
+    base: '/ag-beats/',
+    build: {
+      outDir: '../dist',
+      emptyOutDir: true,
+      assetsDir: '.',
+      rollupOptions: {
+        input: {
+          main: resolve(__dirname, 'src/index.html')
         }
       }
-    };
+    },
+    define: {
+      'process.env.API_KEY': JSON.stringify(env.GEMINI_API_KEY),
+      'process.env.GEMINI_API_KEY': JSON.stringify(env.GEMINI_API_KEY)
+    },
+    resolve: {
+      alias: {
+        '@': resolve(__dirname, './src'),
+      }
+    }
+  };
 });