chore: add no nsid state

Author: liminalities

web/src/components/nav-bar/nav-bar.tsx

@@ -5,15 +5,23 @@ import {
     NavbarItem
 } from "@nextui-org/react";
 import { Button } from "@nextui-org/react";
+import { useEffect, useState } from "react";
 
   export default function Nav() {
+
+    const [nsid, setNSID] = useState('');
+
+    useEffect(() => {
+      setNSID(localStorage.getItem('nsid') ?? '');
+    }, [])
+
     return (
       <Navbar position="static" isBordered className="bg-[#D4D4D4]">
         <NavbarBrand>
           <p className="font-bold text-inherit text-slate-900">STARR Lab Rad-Effects Database</p>
         </NavbarBrand>
         <NavbarContent justify="end">
-          <span>Logged in as: { localStorage.getItem('nsid') }</span>
+          { nsid ? (<span>Logged in as: { nsid }</span>) : (<span>Currently not logged in</span>)}
           <NavbarItem>
             <Button className="bg-usask-green" variant="flat">
               <span className="text-slate-50">Log out</span>