lint fixes and re-add firebase provider (messed with merge)

frontend/src/app/admin/firebase/firebaseProvider.tsx

@@ -0,0 +1,32 @@
+"use client";
+
+import { Auth } from "firebase/auth";
+import { FirebaseStorage } from "firebase/storage";
+import React, { FC, ReactNode, createContext, useContext, useEffect, useState } from "react";
+
+import { FirebaseServices, initFirebase } from "./firebase";
+
+const AuthContext = createContext<Auth | undefined>(undefined);
+const StorageContext = createContext<FirebaseStorage | undefined>(undefined);
+
+export const FirebaseProvider: FC<{ children: ReactNode }> = ({ children }) => {
+  const [firebaseServices, setFirebaseServices] = useState<FirebaseServices | undefined>(undefined);
+
+  useEffect(() => {
+    // Don't initialize Firebase if it has already been initialized
+    if (firebaseServices === undefined) {
+      setFirebaseServices(initFirebase());
+    }
+  }, []);
+
+  return (
+    <AuthContext.Provider value={firebaseServices?.auth}>
+      <StorageContext.Provider value={firebaseServices?.storage}>
+        {children}
+      </StorageContext.Provider>
+    </AuthContext.Provider>
+  );
+};
+
+export const useAuth = () => useContext(AuthContext);
+export const useStorage = () => useContext(StorageContext);

frontend/src/components/UserIcon.tsx

@@ -10,12 +10,12 @@ import { useRouter } from "next/navigation";
 import * as React from "react";
 
 import { firebaseSignOut } from "@/app/admin/firebase/firebase";
-import { useFirebase } from "@/app/admin/firebase/firebaseProvider";
+import { useAuth } from "@/app/admin/firebase/firebaseProvider";
 
 export default function UserIcon() {
   const [anchorEl, setAnchorEl] = React.useState<null | HTMLElement>(null);
   const open = Boolean(anchorEl);
-  const auth = useFirebase().auth;
+  const auth = useAuth();
   const router = useRouter();
 
   const handleClick = (event: React.MouseEvent<HTMLElement>) => {