feat(frontend): auth work

frontend/src/components/auth/LoginForm.tsx

@@ -26,7 +26,7 @@ const LoginForm = () => {
             // }
 
             const data = await response.json();
-            console.log("Response", data.data);
+            // console.log("Response", data.data);
             // Store token in localStorage
             localStorage.setItem("auth_token", data.data.token);
 
@@ -41,6 +41,7 @@ const LoginForm = () => {
             setUsername("");
             setPassword("");
         } catch (err) {
+            console.error(err);
             setError("Invalid credentials");
         }
     };

frontend/src/components/providers/Providers.tsx

@@ -1,17 +1,17 @@
 import {QueryClient, QueryClientProvider} from "@tanstack/react-query";
 import {useModuleStore} from "../../lib/store/useModuleStore";
 import {useEffect} from "react";
-import {useGetUserRoles} from "@/lib/store/useGetRoles";
+//import {useGetUserRoles} from "@/lib/store/useGetRoles";
 
 const queryClient = new QueryClient();
 
 export const SessionProvider = ({children}: {children: React.ReactNode}) => {
     const {fetchModules} = useModuleStore();
-    const {fetchUserRoles} = useGetUserRoles();
+    //const {fetchUserRoles} = useGetUserRoles();
 
     useEffect(() => {
         fetchModules();
-        fetchUserRoles();
+        //fetchUserRoles();
     }, []);
     return <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>;
 };

frontend/src/routes/index.tsx

@@ -1,5 +1,5 @@
 import {createFileRoute} from "@tanstack/react-router";
-import GridLayout from "react-grid-layout";
+//import GridLayout from "react-grid-layout";
 import "../../node_modules/react-grid-layout/css/styles.css";
 import "../../node_modules/react-resizable/css/styles.css";
 
@@ -32,7 +32,7 @@ function Index() {
     return (
         <>
             {/* <AddCards addCard={addCard} cards={cards} /> */}
-            <GridLayout className="layout" cols={12} rowHeight={30} width={window.innerWidth}>
+            {/* <GridLayout className="layout" cols={12} rowHeight={30} width={window.innerWidth}>
                 <div className="bg-blue-400" key="a" data-grid={{x: 0, y: 0, w: 1, h: 2, static: true}}>
                     a
                 </div>
@@ -42,7 +42,10 @@ function Index() {
                 <div className="bg-blue-400" key="c" data-grid={{x: 4, y: 0, w: 1, h: 2}}>
                     c
                 </div>
-            </GridLayout>
+            </GridLayout> */}
+            <div className="m-auto">
+                <span>Empty Space why dont you add some cards?</span>
+            </div>
         </>
     );
 }