feat: restructure routing and authentication for hidden layout and user login

frontend/src/routes/app/_hiddenLayout.tsx

@@ -0,0 +1,15 @@
+// routes/app/_layout.tsx (oder app.tsx als Parent)
+import { Outlet, createFileRoute } from "@tanstack/react-router";
+
+export const Route = createFileRoute("/app/_hiddenLayout")({
+  component: AppLayout,
+});
+
+function AppLayout() {
+  return (
+    <div>
+      <h1>Layout</h1>
+      <Outlet />
+    </div>
+  );
+}

frontend/src/routes/app/_hiddenLayout/add-product.tsx

@@ -0,0 +1,17 @@
+import { createFileRoute, redirect } from "@tanstack/react-router";
+import { isAuthenticated } from "../../../utils/auth";
+
+export const Route = createFileRoute("/app/_hiddenLayout/add-product")({
+  beforeLoad: async () => {
+    if (!(await isAuthenticated())) {
+      throw redirect({
+        to: "/login",
+      });
+    }
+  },
+  component: RouteComponent,
+});
+
+function RouteComponent() {
+  return <div>Hello "/app/add-product"!</div>;
+}

frontend/src/routes/app/_hiddenLayout/inventory.tsx

@@ -0,0 +1,21 @@
+import { createFileRoute, redirect } from "@tanstack/react-router";
+import { isAuthenticated } from "../../../utils/auth";
+
+export const Route = createFileRoute("/app/_hiddenLayout/inventory")({
+  beforeLoad: async () => {
+    if (!(await isAuthenticated())) {
+      throw redirect({
+        to: "/login",
+      });
+    }
+  },
+  component: RouteComponent,
+});
+
+function RouteComponent() {
+  return (
+    <>
+      <p>Inventar</p>
+    </>
+  );
+}

frontend/src/routes/app/_hiddenLayout/view-product.tsx

@@ -0,0 +1,17 @@
+import { createFileRoute, redirect } from "@tanstack/react-router";
+import { isAuthenticated } from "../../../utils/auth";
+
+export const Route = createFileRoute("/app/_hiddenLayout/view-product")({
+  beforeLoad: async () => {
+    if (!(await isAuthenticated())) {
+      throw redirect({
+        to: "/login",
+      });
+    }
+  },
+  component: RouteComponent,
+});
+
+function RouteComponent() {
+  return <div>Hello "/app/view-product"!</div>;
+}

frontend/src/routes/app/add-product.tsx

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

frontend/src/routes/app/inventory.tsx

@@ -1,17 +0,0 @@
-import { createFileRoute, redirect } from "@tanstack/react-router";
-import { isAuthenticated } from "../../utils/auth";
-
-export const Route = createFileRoute("/app/inventory")({
-  beforeLoad: () => {
-    if (!isAuthenticated()) {
-      throw redirect({
-        to: "/login",
-      });
-    }
-  },
-  component: RouteComponent,
-});
-
-function RouteComponent() {
-  return <div>Hello "/app/inventory"!</div>;
-}

frontend/src/routes/app/view-product.tsx

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