feat: add app settings page

Author: joshunrau

apps/web/src/features/admin/index.tsx

@@ -2,6 +2,7 @@
 
 import type { RouteObject } from 'react-router-dom';
 
+import { AdminSettingsPage } from './pages/AdminSettingsPage';
 import { CreateGroupPage } from './pages/CreateGroupPage';
 import { CreateUserPage } from './pages/CreateUserPage';
 import { ManageGroupsPage } from './pages/ManageGroupsPage';
@@ -35,6 +36,10 @@ export const adminRoute: RouteObject = {
           element: <CreateUserPage />
         }
       ]
+    },
+    {
+      path: 'settings',
+      element: <AdminSettingsPage />
     }
   ]
 };

apps/web/src/features/admin/pages/AdminSettingsPage.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+
+import { Heading } from '@douglasneuroinformatics/libui/components';
+import { useTranslation } from '@douglasneuroinformatics/libui/hooks';
+
+import { PageHeader } from '@/components/PageHeader';
+
+export const AdminSettingsPage = () => {
+  const { t } = useTranslation();
+  return (
+    <React.Fragment>
+      <PageHeader>
+        <Heading className="text-center" variant="h2">
+          {t({
+            en: 'Modify Instance Settings',
+            fr: "Modifier les paramètres de l'instance"
+          })}
+        </Heading>
+      </PageHeader>
+    </React.Fragment>
+  );
+};

apps/web/src/hooks/useNavItems.ts

@@ -4,6 +4,7 @@ import { useTranslation } from '@douglasneuroinformatics/libui/hooks';
 import {
   BarChartBigIcon,
   CirclePlayIcon,
+  CogIcon,
   ComputerIcon,
   DatabaseIcon,
   EyeIcon,
@@ -67,6 +68,14 @@ export function useNavItems() {
 
     const adminItems: NavItem[] = [];
     if (currentUser?.ability.can('manage', 'all')) {
+      adminItems.push({
+        icon: CogIcon,
+        label: t({
+          en: 'App Settings',
+          fr: "Paramètres de l'application"
+        }),
+        url: '/admin/settings'
+      });
       adminItems.push({
         icon: UsersIcon,
         label: t({