various changes

src/pages/TRip/index.astro

@@ -0,0 +1,32 @@
+---
+import MediaRequestForm from "@/components/qs2/MediaRequestForm"
+import Base from "@/layouts/Base.astro";
+import Root from "@/components/AppLayout.jsx";
+import { verifyToken } from "@/utils/jwt";
+
+const token = Astro.cookies.get("access_token")?.value;
+let user = null;
+
+try {
+  if (token) {
+    user = verifyToken(token);
+    if (user) {
+      console.log("Verified!", user);
+    } else {
+      throw Error("Authentication required");
+    }
+  } else {
+    throw Error("Authentication required");
+  }
+} catch {
+    return Astro.redirect('/login'
+  );
+}
+---
+<Base>
+  <section>
+  <div class="prose prose-neutral dark:prose-invert">
+  <Root child="qs2.MediaRequestForm" client:only="react">
+  </Root>
+  </section>
+</Base>

src/pages/TRip/requests.astro

@@ -0,0 +1,32 @@
+---
+import MediaRequestForm from "@/components/TRip/MediaRequestForm"
+import Base from "@/layouts/Base.astro";
+import Root from "@/components/AppLayout.jsx";
+import { verifyToken } from "@/utils/jwt";
+
+const token = Astro.cookies.get("access_token")?.value;
+let user = null;
+
+try {
+  if (token) {
+    user = verifyToken(token);
+    if (user) {
+      console.log("Verified!", user);
+    } else {
+      throw Error("Authentication required");
+    }
+  } else {
+    throw Error("Authentication required");
+  }
+} catch {
+    return Astro.redirect('/login'
+  );
+}
+---
+<Base>
+  <section>
+  <div class="prose prose-neutral dark:prose-invert">
+  <Root child="qs2.RequestManagement" client:only="react">
+  </Root>
+  </section>
+</Base>

src/pages/login.astro

@@ -1,12 +1,12 @@
 ---
-import MediaRequestForm from "@/components/qs2/MediaRequestForm"
+import LoginPage from '@/components/Login.jsx';
 import Base from "@/layouts/Base.astro";
 import Root from "@/components/AppLayout.jsx";
 ---
 <Base>
   <section>
   <div class="prose prose-neutral dark:prose-invert">
-  <Root child="qs2.MediaRequestForm" client:only="react">
+  <Root child="LoginPage" client:only="react">
   </Root>
   </section>
-</Base>
+</Base>

src/pages/qs2/requests.astro

@@ -1,12 +0,0 @@
----
-import MediaRequestForm from "@/components/qs2/MediaRequestForm"
-import Base from "@/layouts/Base.astro";
-import Root from "@/components/AppLayout.jsx";
----
-<Base>
-  <section>
-  <div class="prose prose-neutral dark:prose-invert">
-  <Root child="qs2.RequestManagement" client:only="react">
-  </Root>
-  </section>
-</Base>