Replaced tabler with lucide

Because it caused so many requests in development it was horrible

frontend/src/routes/__root.tsx

@@ -1,8 +1,5 @@
 import { Outlet, createRootRouteWithContext } from "@tanstack/react-router";
 import { TanStackRouterDevtools } from "@tanstack/react-router-devtools";
-
-import Header from "../components/Header";
-
 import TanStackQueryLayout from "../integrations/tanstack-query/layout.tsx";
 
 import type { QueryClient } from "@tanstack/react-query";
@@ -14,11 +11,10 @@ interface MyRouterContext {
 export const Route = createRootRouteWithContext<MyRouterContext>()({
     component: () => (
         <>
-            <Header />
-
             <Outlet />
-            <TanStackRouterDevtools />
 
+            {/* dev tools */}
+            <TanStackRouterDevtools />
             <TanStackQueryLayout />
         </>
     ),

frontend/src/routes/index.tsx

@@ -1,5 +1,5 @@
 import { createFileRoute } from "@tanstack/react-router";
-import logo from "../logo.svg";
+import Authorised from "@/layouts/Authorised";
 
 export const Route = createFileRoute("/")({
     component: App,
@@ -7,33 +7,8 @@ export const Route = createFileRoute("/")({
 
 function App() {
     return (
-        <div className="text-center">
-            <header className="min-h-screen flex flex-col items-center justify-center bg-[#282c34] text-white text-[calc(10px+2vmin)]">
-                <img
-                    src={logo}
-                    className="h-[40vmin] pointer-events-none animate-[spin_20s_linear_infinite]"
-                    alt="logo"
-                />
-                <p>
-                    Edit <code>src/routes/index.tsx</code> and save to reload.
-                </p>
-                <a
-                    className="text-[#61dafb] hover:underline"
-                    href="https://reactjs.org"
-                    target="_blank"
-                    rel="noopener noreferrer"
-                >
-                    Learn React
-                </a>
-                <a
-                    className="text-[#61dafb] hover:underline"
-                    href="https://tanstack.com"
-                    target="_blank"
-                    rel="noopener noreferrer"
-                >
-                    Learn TanStack
-                </a>
-            </header>
-        </div>
+        <Authorised>
+            <h1 className="mt-4">Welcome to cover letter</h1>
+        </Authorised>
     );
 }

frontend/src/routes/login.tsx

@@ -0,0 +1,9 @@
+import { createFileRoute } from "@tanstack/react-router";
+
+export const Route = createFileRoute("/login")({
+    component: RouteComponent,
+});
+
+function RouteComponent() {
+    return <div>Hello "/login"!</div>;
+}