Finish theming implementation (finally...)

frontend/App.tsx

@@ -4,22 +4,22 @@ import {RouterProvider} from 'react-router-dom';
 import "./main.css";
 import {IconContext} from "@phosphor-icons/react";
 import {StrictMode} from "react";
-import {ThemeProvider} from "Frontend/@/components/theme-provider";
+import {NextUIProvider} from "@nextui-org/react";
+import {ThemeProvider as NextThemesProvider} from "next-themes";
+import {themeNames} from "Frontend/theming/themes";
 
 export default function App() {
     return (
         <StrictMode>
-            <AuthProvider>
-                <ThemeProvider
-                    attribute="class"
-                    defaultTheme="system"
-                    enableSystem
-                >
-                    <IconContext.Provider value={{size: 20}}>
-                        <RouterProvider router={router}/>
-                    </IconContext.Provider>
-                </ThemeProvider>
-            </AuthProvider>
+            <NextUIProvider className="size-full">
+                <NextThemesProvider attribute="class" defaultTheme="green-light" themes={themeNames()}>
+                    <AuthProvider>
+                        <IconContext.Provider value={{size: 20}}>
+                            <RouterProvider router={router}/>
+                        </IconContext.Provider>
+                    </AuthProvider>
+                </NextThemesProvider>
+            </NextUIProvider>
         </StrictMode>
     );
 }