maybe this works?

App.tsx

@@ -45,6 +45,7 @@ export default function App() {
     isResetPasswordRoute() ? 'reset-password' : 'loading'
   );
   const [activeTab, setActiveTab] = useState<Tab>('dashboard');
+  const [sidebarName, setSidebarName] = useState<string | null | undefined>(undefined);
 
   useEffect(() => {
     if (view === 'reset-password') return;
@@ -157,7 +158,7 @@ export default function App() {
           >
             <UserCircle className="w-4 h-4 shrink-0" />
             <span className="truncate text-left">
-              {session.user.name || session.user.email}
+              {(sidebarName !== undefined ? sidebarName : session.user.name) || session.user.email}
             </span>
           </button>
           <button
@@ -173,7 +174,7 @@ export default function App() {
         {activeTab === 'dashboard' && <Dashboard setActiveTab={setActiveTab} />}
         {activeTab === 'inventory' && <Inventory />}
         {activeTab === 'protocol' && <ProtocolChecker />}
-        {activeTab === 'profile' && <ProfileSettings />}
+        {activeTab === 'profile' && <ProfileSettings onNameChange={setSidebarName} />}
       </main>
     </div>
   );