Updated auth to use generated keys

ui/src/app/admin/page.tsx

@@ -14,6 +14,7 @@ import {
   stopTrack
 } from '@/api/guilds';
 import { GuildChannel, GuildInfo } from '@/api/guilds.types';
+import Auth from '@/components/Auth';
 import { userState } from '@/state/auth';
 import { Button, Card, Grid, Select, Slider, Tabs, TextInput, Textarea } from '@mantine/core';
 import { useForm } from '@mantine/form';
@@ -21,7 +22,7 @@ import { useRouter } from 'next/navigation';
 import React, { useEffect, useState } from 'react';
 import { useRecoilValue } from 'recoil';
 
-export default function Page() {
+function Page() {
   const user = useRecoilValue(userState);
   const [guilds, setGuilds] = useState<GuildInfo[]>([]);
   const [activeGuild, setActiveGuild] = useState<GuildInfo | null>(null);
@@ -68,6 +69,8 @@ export default function Page() {
   );
 }
 
+export default Auth(Page);
+
 function TextChannelCard({ guild }: { guild: GuildInfo | null }) {
   const [textChannels, setTextChannels] = useState<GuildChannel[]>([]);
   const [activeChannel, setActiveChannel] = useState<GuildChannel | null>(null);