feat: add permission-gated navigation and admin access

src/hooks/usePermissions.ts

@@ -0,0 +1,39 @@
+'use client';
+
+import { useMemo } from 'react';
+
+import { useAppStore } from '@/store/app.store';
+
+export type PermissionInput = string | undefined;
+
+export function hasPermissionValue({
+  grantedPermissions,
+  permissions,
+}: {
+  grantedPermissions: string[];
+  permissions: PermissionInput;
+}) {
+  if (!permissions) return true;
+
+  const normalizedPermissions = new Set(
+    grantedPermissions.map((permission) => permission.toLowerCase()),
+  );
+
+  return normalizedPermissions.has(permissions.toLowerCase());
+}
+
+export function usePermissions() {
+  const grantedPermissions = useAppStore((state) => state.permissions);
+
+  return useMemo(
+    () => ({
+      grantedPermissions,
+      hasPermission: (permissions: PermissionInput) =>
+        hasPermissionValue({
+          grantedPermissions,
+          permissions,
+        }),
+    }),
+    [grantedPermissions],
+  );
+}