Fixed build issues

ui/src/app/admin/page.tsx

@@ -6,20 +6,12 @@ import CreateAirportPanel from "@/components/Admin/CreateAirportPanel";
 import UpdateAirportModal from "@/components/Admin/UpdateAirportModal";
 import { isAdminState } from "@/state/auth";
 import { Container, Grid, SimpleGrid } from "@mantine/core";
-import { useRouter } from "next/navigation";
-import { useEffect, useState } from "react";
+import { useState } from "react";
 import { useRecoilValue } from "recoil";
 
 export default function Page() {
   const [airport, setAirport] = useState<Airport | undefined>(undefined);
   const isAdmin = useRecoilValue(isAdminState);
-  const router = useRouter();
-
-  useEffect(() => {
-    if (!isAdmin) {
-      router.push('/');
-    }
-  }, [airport]);
 
   return (
     <>

ui/src/app/layout.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import RecoilRootWrapper from '@app/recoil-root-wrapper';
-import { MantineProvider } from '@mantine/core';
+import { MantineProvider, Skeleton } from '@mantine/core';
 import { ModalsProvider } from '@mantine/modals';
 import 'styles/globals.css';
 import 'styles/leaflet.css';
@@ -24,9 +24,11 @@ export default function RootLayout({ children }: { children: React.ReactNode })
           <Notifications />
           <ModalsProvider>
             <RecoilRootWrapper>
-              <Loader>
-                {children}
-              </Loader>
+              <React.Suspense fallback={<Skeleton/>}>
+                <Loader>
+                  {children}
+                </Loader>
+              </React.Suspense>
             </RecoilRootWrapper>
           </ModalsProvider>
         </MantineProvider>

ui/src/app/profile/page.tsx

@@ -16,13 +16,6 @@ import { userState } from "@/state/auth";
 
 export default function Page() {
   const user = useRecoilValue(userState);
-  const router = useRouter();
-
-  useEffect(() => {
-    if (!user) {
-      router.push('/');
-    }
-  }, []);
   
   return (
     <Grid gutter={80}>