Index: frontend/src/pages/Login.js
===================================================================
--- frontend/src/pages/Login.js	(revision 84249b19ce0ac1cc4b9f406f63132d99f6759053)
+++ frontend/src/pages/Login.js	(revision e1f74f6c04f9d460135de378f659fedfd9c74b44)
@@ -47,5 +47,5 @@
 
       localStorage.setItem('token', data.token);
-      localStorage.setItem('user', JSON.stringify({
+      const userData = {
         userId: data.userId,
         patientId: data.patientId,
@@ -55,4 +55,10 @@
         firstName: data.firstName,
         lastName: data.lastName,
+      };
+      localStorage.setItem('user', JSON.stringify(userData));
+
+      // Dispatch custom event to notify components on the same tab
+      window.dispatchEvent(new CustomEvent('userStorageChange', {
+        detail: { userData }
       }));
 
@@ -60,5 +66,5 @@
       setTimeout(() => {
         navigate('/');
-      }, 1000);
+      }, 500);
     } catch (err) {
       setError(err.message || 'Login failed');
@@ -69,66 +75,66 @@
 
   return (
-    <div className="min-h-screen bg-blue-200 flex items-center justify-center p-4">
-      <div className="bg-white rounded-lg shadow-2xl p-8 w-full max-w-md">
-        <div className="text-center mb-8">
-          <h1 className="text-5xl font-bold text-purple-600 mb-2">Medora</h1>
-          <p className="text-gray-600">Hospital Management System</p>
-        </div>
-
-        {error && <ErrorAlert message={error} onClose={() => setError(null)} />}
-        {success && <SuccessAlert message={success} onClose={() => setSuccess(null)} />}
-
-        <form onSubmit={handleLogin} className="space-y-6">
-          <div>
-            <label className="block text-sm font-normal text-gray-700 mb-2">
-              Username (EMBG for Patients)
-            </label>
-            <input
-              type="text"
-              value={username}
-              onChange={(e) => setUsername(e.target.value)}
-              placeholder="Enter your username or EMBG"
-              className="w-full px-4 py-3 border-2 border-gray-300 rounded-lg focus:outline-none focus:border-purple-500 transition"
-              disabled={loading}
-            />
+      <div className="min-h-screen bg-blue-200 flex items-center justify-center p-4">
+        <div className="bg-white rounded-lg shadow-2xl p-8 w-full max-w-md">
+          <div className="text-center mb-8">
+            <h1 className="text-5xl font-bold text-purple-600 mb-2">Medora</h1>
+            <p className="text-gray-600">Hospital Management System</p>
           </div>
 
-          <div>
-            <label className="block text-sm font-normal text-gray-700 mb-2">
-              Password
-            </label>
-            <input
-              type="password"
-              value={password}
-              onChange={(e) => setPassword(e.target.value)}
-              placeholder="Enter your password"
-              className="w-full px-4 py-3 border-2 border-gray-300 rounded-lg focus:outline-none focus:border-purple-500 transition"
-              disabled={loading}
-            />
+          {error && <ErrorAlert message={error} onClose={() => setError(null)} />}
+          {success && <SuccessAlert message={success} onClose={() => setSuccess(null)} />}
+
+          <form onSubmit={handleLogin} className="space-y-6">
+            <div>
+              <label className="block text-sm font-normal text-gray-700 mb-2">
+                Username (EMBG for Patients)
+              </label>
+              <input
+                  type="text"
+                  value={username}
+                  onChange={(e) => setUsername(e.target.value)}
+                  placeholder="Enter your username or EMBG"
+                  className="w-full px-4 py-3 border-2 border-gray-300 rounded-lg focus:outline-none focus:border-purple-500 transition"
+                  disabled={loading}
+              />
+            </div>
+
+            <div>
+              <label className="block text-sm font-normal text-gray-700 mb-2">
+                Password
+              </label>
+              <input
+                  type="password"
+                  value={password}
+                  onChange={(e) => setPassword(e.target.value)}
+                  placeholder="Enter your password"
+                  className="w-full px-4 py-3 border-2 border-gray-300 rounded-lg focus:outline-none focus:border-purple-500 transition"
+                  disabled={loading}
+              />
+            </div>
+
+            <button
+                type="submit"
+                disabled={loading}
+                className="w-full bg-purple-600 text-white font-bold py-3 rounded-lg hover:bg-purple-700 transition disabled:opacity-50 disabled:cursor-not-allowed"
+            >
+              {loading ? 'Logging in...' : 'Login'}
+            </button>
+          </form>
+
+          <div className="mt-8 p-4 bg-purple-50 rounded-lg border border-purple-200">
+            <p className="text-sm text-gray-700 font-normal mb-2">Demo Credentials:</p>
+            <p className="text-sm text-gray-600 mb-2">
+              <strong>Admin:</strong> username: admin | password: admin123
+            </p>
+            <p className="text-sm text-gray-600 mb-2">
+              <strong>Doctor:</strong> username: ivan.stojanov@medora.com | password: doctor123
+            </p>
+            <p className="text-sm text-gray-600">
+              <strong>Patient:</strong> username: [EMBG] | password: password123
+            </p>
           </div>
-
-          <button
-            type="submit"
-            disabled={loading}
-            className="w-full bg-purple-600 text-white font-bold py-3 rounded-lg hover:bg-purple-700 transition disabled:opacity-50 disabled:cursor-not-allowed"
-          >
-            {loading ? 'Logging in...' : 'Login'}
-          </button>
-        </form>
-
-        <div className="mt-8 p-4 bg-purple-50 rounded-lg border border-purple-200">
-          <p className="text-sm text-gray-700 font-normal mb-2">Demo Credentials:</p>
-          <p className="text-sm text-gray-600 mb-2">
-            <strong>Admin:</strong> username: admin | password: admin123
-          </p>
-          <p className="text-sm text-gray-600 mb-2">
-            <strong>Doctor:</strong> username: ivan.stojanov@medora.com | password: doctor123
-          </p>
-          <p className="text-sm text-gray-600">
-            <strong>Patient:</strong> username: [EMBG] | password: password123
-          </p>
         </div>
       </div>
-    </div>
   );
 }