feat: implement authGuard for staff role validation in dashboard routes

src/lib/tanstack/query/use-viewer.tsx

@@ -107,10 +107,10 @@ export async function authGuard({ ctx, role, reverse }: AuthGuardProps) {
     });
   }
   // redirect if not the right role
-  // if (role && user?.record?.role !== role) {
+  // if (!(role && role==="staff" && user?.record?.staff?.length > 0)) {
   //   // console.log(" ++++++++ user exists but wrong role redirecting back ++++++ ");
   //   throw redirect({
-  //     to: returnTo ?? "/",
+  //     to:".."
   //   });
   // }
   // console.log(" ++++++++ fall through case user exists ++++++ ");

src/routes/dashboard/staff/index.tsx

@@ -1,12 +1,17 @@
 import { createFileRoute } from "@tanstack/react-router";
 import { z } from "zod";
 import { StaffPage } from "./-components/StaffPage";
+import { authGuard } from "@/lib/tanstack/query/use-viewer";
 
 const searchparams = z.object({
   sq: z.string().optional(),
 });
 
 export const Route = createFileRoute("/dashboard/staff/")({
   validateSearch: (search) => searchparams.parse(search),
+    async beforeLoad(ctx) {
+     const context  = ctx as any
+      await authGuard({ ctx:context });
+    },
   component:StaffPage
 });

src/routes/dashboard/tenants/index.tsx

@@ -9,7 +9,7 @@ export const Route = createFileRoute("/dashboard/tenants/")({
   component: TenantsPage,
   validateSearch: (search) => searchparams.parse(search),
   async beforeLoad(ctx) {
-    // @ts-expect-error
-    await authGuard({ ctx });
+    const context = ctx as any;
+    await authGuard({ ctx: context,role:"staff" });
   },
 });