feat: enhance RuntimesPage with user session handling and access control

Author: nicosammito

src/packages/ce/src/dashboard/runtime/RuntimesPage.tsx

@@ -1,15 +1,24 @@
 "use client"
 
 import React from "react";
-import {Button, DRuntimeList, Flex, Spacing, Text, TextInput} from "@code0-tech/pictor";
-import {IconSearch} from "@tabler/icons-react";
+import {Button, DRuntimeList, Flex, Spacing, Text, useService, useStore, useUserSession} from "@code0-tech/pictor";
 import Link from "next/link";
-import {useParams, useRouter} from "next/navigation";
+import {notFound, useParams, useRouter} from "next/navigation";
+import {UserService} from "@edition/user/User.service";
 
 export const RuntimesPage: React.FC = () => {
 
+    const currentSession = useUserSession()
+    const userStore = useStore(UserService)
+    const userService = useService(UserService)
+    const currentUser = React.useMemo(() => userService.getById(currentSession?.user?.id), [userStore, currentSession])
+
     const params = useParams()
-    const namespaceId = params.namespaceId as any as number
+    const namespaceIndex = params.namespaceId as any as number
+
+    if (!namespaceIndex && currentUser && !currentUser.admin) {
+        notFound()
+    }
 
     const router = useRouter()
     return <>
@@ -18,16 +27,16 @@ export const RuntimesPage: React.FC = () => {
                 Runtimes
             </Text>
             <Flex align={"center"} style={{gap: "0.7rem"}}>
-                <Link href={namespaceId ? `/namespace/${namespaceId}/runtimes/create` : "/runtimes/create"}>
+                <Link href={namespaceIndex ? `/namespace/${namespaceIndex}/runtimes/create` : "/runtimes/create"}>
                     <Button color={"success"}>Create runtime</Button>
                 </Link>
             </Flex>
         </Flex>
         <Spacing spacing={"xl"}/>
-        <DRuntimeList namespaceId={namespaceId ? `gid://sagittarius/Namespace/${namespaceId}` : undefined}
-                      filter={(runtime) => namespaceId ? true : !runtime?.namespace?.id} onSetting={(runtime) => {
+        <DRuntimeList namespaceId={namespaceIndex ? `gid://sagittarius/Namespace/${namespaceIndex}` : undefined}
+                      filter={(runtime) => namespaceIndex ? true : !runtime?.namespace?.id} onSetting={(runtime) => {
             const number = runtime.id?.match(/Runtime\/(\d+)$/)?.[1]
-            router.push(namespaceId ? `/namespace/${namespaceId}/runtimes/${number}/settings` : `/runtimes/${number}/settings`)
+            router.push(namespaceIndex ? `/namespace/${namespaceIndex}/runtimes/${number}/settings` : `/runtimes/${number}/settings`)
         }}/>
     </>
 }