added local score fetching

src/components/Container.tsx

@@ -5,7 +5,12 @@ import Navbar from "./Navbar";
 export default function Container({ children }: { children: React.ReactNode }) {
   return (
     <>
-      <ToastContainer className="z-50" position="top-right" theme="dark" />
+      <ToastContainer
+        className="z-50"
+        position="top-right"
+        theme="dark"
+        pauseOnFocusLoss={false}
+      />
       <div className="m-auto flex h-screen min-h-full flex-col items-center opacity-90 md:max-w-[1200px]">
         <Navbar />
         <div className="w-full flex-1">{children}</div>

src/components/Navbar.tsx

@@ -41,12 +41,7 @@ function NavbarButton({ text, icon, href, children }: ButtonProps) {
 }
 
 export default function Navbar() {
-  const settingsStore = useStore(useSettingsStore, (state) => {
-    return {
-      profilePicture: state.profilePicture,
-      userId: state.userId,
-    };
-  });
+  const settingsStore = useStore(useSettingsStore, (state) => state);
 
   return (
     <>