Prepeared for template creation

frontend/src/routes/index.tsx

@@ -8,7 +8,7 @@ export const Route = createFileRoute("/")({
 function App() {
     return (
         <Authorised>
-            <h1 className="mt-4">Welcome to cover letter</h1>
+            <h1>Welcome to cover letter</h1>
         </Authorised>
     );
 }

frontend/src/routes/templates/create.tsx

@@ -0,0 +1,16 @@
+import Authorised from "@/layouts/Authorised";
+import { createFileRoute } from "@tanstack/react-router";
+
+export const Route = createFileRoute("/templates/create")({
+    component: RouteComponent,
+});
+
+function RouteComponent() {
+    return (
+        <Authorised>
+            <h1 className="text-2xl font-bold text-primary">Create new template</h1>
+
+            {/* TODO: create a create/edit component to which we pass initialData (will be easier for edit functionality) */}
+        </Authorised>
+    );
+}

frontend/src/routes/templates/index.tsx

@@ -0,0 +1,24 @@
+import { Button } from "@/components/ui/button";
+import Authorised from "@/layouts/Authorised";
+import { createFileRoute, Link } from "@tanstack/react-router";
+import { Plus } from "lucide-react";
+
+export const Route = createFileRoute("/templates/")({
+    component: RouteComponent,
+});
+
+function RouteComponent() {
+    return (
+        <Authorised>
+            <div className="flex justify-between items-center">
+                <h1 className="text-2xl font-bold text-primary">0 Templates</h1>
+
+                <Link to="/templates/create">
+                    <Button icon={<Plus />} variant="secondary">
+                        Create new
+                    </Button>
+                </Link>
+            </div>
+        </Authorised>
+    );
+}