Updated management/profile pages

ui/src/app/profile/page.tsx

@@ -1,5 +1,27 @@
-import React from 'react';
+'use client';
+
+import { me } from '@/api/auth';
+import { User } from '@/api/auth.types';
+import React, { useEffect, useState } from 'react';
+import { useRouter } from 'next/navigation';
 
 export default function Page() {
-  return <></>;
+  const [user, setUser] = useState<User | undefined>(undefined);
+  const router = useRouter();
+
+  useEffect(() => {
+    me().then((response) => {
+      if (response) {
+        setUser(response.user);
+      } else {
+        router.push('/');
+      }
+    });
+  }, []);
+
+  if (user) {
+    return <div>Logged in as {user.email}</div>;
+  } else {
+    return <div>Not logged in</div>;
+  }
 }

ui/src/components/Header/headerItems.ts

@@ -32,10 +32,5 @@ export const headerItems: HeaderItem[] = [
   {
     name: 'Spells',
     link: '/spells'
-  },
-  {
-    name: 'Management',
-    link: '/management',
-    role: 'admin'
   }
 ];

ui/src/components/Header/index.tsx

@@ -112,6 +112,15 @@ export default function Header() {
                         Logout
                       </Button>
                     </Grid.Col>
+                    {user.role == 'admin' && (
+                      <Grid.Col span={12}>
+                        <Link href='/management'>
+                          <Button fullWidth radius='md' size='xs' variant='default'>
+                            Management
+                          </Button>
+                        </Link>
+                      </Grid.Col>
+                    )}
                   </Grid>
                 </Card>
               </Menu.Dropdown>