fix(login): Redirect after login based on user roles 2 (#1028)

* check in dashboard loader func

* rm space

* extract

react-app/src/features/dashboard/index.tsx

@@ -3,6 +3,7 @@ import { Plus as PlusIcon } from "lucide-react";
 import { getUser, useGetUser } from "@/api";
 import { WaiversList } from "./Lists/waivers";
 import { SpasList } from "./Lists/spas";
+import { UserRoles } from "shared-types";
 import {
   OsProvider,
   type OsTab,
@@ -40,7 +41,14 @@ export const Dashboard = () => {
   const { data: userObj } = useGetUser();
   const osData = useOsData();
 
-  if (userObj === undefined) {
+  const isAbleToAccessDashboard = () => {
+    return (
+      userObj.user["custom:cms-roles"] &&
+      Object.values(UserRoles).some((role) => userObj.user["custom:cms-roles"].includes(role))
+    );
+  };
+
+  if (userObj === undefined || !isAbleToAccessDashboard()) {
     return <Navigate to="/" />;
   }