feat(frontend): auth work

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>
         </>
     );
 }