Added dark/light mode (next: custom themes)

frontend/App.tsx

@@ -2,15 +2,20 @@ import router from 'Frontend/routes.js';
 import {AuthProvider} from 'Frontend/util/auth.js';
 import {RouterProvider} from 'react-router-dom';
 import "./main.css";
-import {ThemeProvider} from "@material-tailwind/react";
 import {IconContext} from "@phosphor-icons/react";
 import {StrictMode} from "react";
+import {ThemeProvider} from "Frontend/@/components/theme-provider";
 
 export default function App() {
     return (
         <StrictMode>
             <AuthProvider>
-                <ThemeProvider>
+                <ThemeProvider
+                    attribute="class"
+                    defaultTheme="system"
+                    enableSystem
+                    disableTransitionOnChange
+                >
                     <IconContext.Provider value={{size: 20}}>
                         <RouterProvider router={router}/>
                     </IconContext.Provider>