Sidebar and edit updates

apps/link/app/(main)/_components/ZammadWrapper.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { FC, useState, useEffect } from "react";
+import { FC, useState, useEffect, useRef } from "react";
 import { useRouter } from "next/navigation";
 import Iframe from "react-iframe";
 import { useSession } from "next-auth/react";
@@ -16,7 +16,8 @@ export const ZammadWrapper: FC<ZammadWrapperProps> = ({
   hideSidebar = true,
 }) => {
   const router = useRouter();
-  const { data: session } = useSession();
+  const { data: session } = useSession({ required: true });
+  const timeoutRef = useRef(null);
   const [authenticated, setAuthenticated] = useState(false);
   const [display, setDisplay] = useState("none");
   const url = `/zammad${path}`;
@@ -28,7 +29,7 @@ export const ZammadWrapper: FC<ZammadWrapperProps> = ({
         method: "GET",
         redirect: "manual",
       });
-
+      console.log({ res });
       if (res.type === "opaqueredirect") {
         setAuthenticated(true);
       } else {
@@ -39,8 +40,24 @@ export const ZammadWrapper: FC<ZammadWrapperProps> = ({
     checkAuthenticated();
   }, [path]);
 
-  if (!session) {
-    console.log("No session");
+  useEffect(() => {
+    if (session === null) {
+      timeoutRef.current = setTimeout(() => {
+        if (session === null) {
+          router.push("/login");
+        }
+      }, 3000);
+    }
+
+    if (session !== null) {
+      clearTimeout(timeoutRef.current);
+    }
+
+    return () => clearTimeout(timeoutRef.current);
+  }, [session]);
+
+  if (!session || !authenticated) {
+    console.log("Not authenticated");
     return (
       <Box sx={{ width: "100%" }}>
         <Grid