Fix missing navbar on authentication pages

Author: SRSoham

src/components/Navbar.tsx

@@ -22,7 +22,7 @@ const Navbar: React.FC = () => {
   const closeMenu = () => setIsOpen(false);
 
   return (
-    <nav className="sticky top-0 z-50 bg-white dark:bg-gray-900 border-b border-gray-200 dark:border-gray-800 transition-colors duration-300 backdrop-blur">
+    <nav className="fixed top-0 left-0 w-full z-50 bg-white dark:bg-gray-900 border-b border-gray-200 dark:border-gray-800 transition-colors">
       <div className="max-w-7xl mx-auto px-6 py-4 flex items-center justify-between">
 
         {/* Logo */}

src/pages/Activity.tsx

@@ -1,7 +1,7 @@
 import ActivityFeed from "../components/ActivityFeed";
 export default function Activity() {
   return (
-    <div className="w-full h-full p-6 bg-gray-50 dark:bg-gray-800">
+    <div className="w-full h-full pt-24 p-6 bg-gray-50 dark:bg-gray-800">
       <div className="max-w-2xl mx-auto">
         <h1 className="text-2xl font-bold mb-4 text-center">
           Live GitHub Activity

src/pages/Login/Login.tsx

@@ -3,6 +3,7 @@ import axios from "axios";
 import { useNavigate, Link } from "react-router-dom";
 import { ThemeContext } from "../../context/ThemeContext";
 import type { ThemeContextType } from "../../context/ThemeContext";
+import Navbar from "../../components/Navbar";
 
 const backendUrl = import.meta.env.VITE_BACKEND_URL;
 
@@ -48,8 +49,10 @@ const Login: React.FC = () => {
   };
 
   return (
+    <>
+      <Navbar />
     <div
-      className={`min-h-screen h-full w-full flex items-center justify-center relative overflow-hidden ${
+      className={`min-h-screen pt-24 h-full w-full flex items-center justify-center relative overflow-hidden ${
         mode === "dark"
           ? "bg-gradient-to-br from-slate-900 via-purple-900 to-slate-900"
           : "bg-gradient-to-br from-slate-100 via-purple-100 to-slate-100"
@@ -160,6 +163,7 @@ const Login: React.FC = () => {
 
       <div className={`${mode === "dark" ? "from-slate-900" : "from-slate-100"} absolute bottom-0 left-0 w-full h-20 bg-gradient-to-t to-transparent`} />
     </div>
+    </>
   );
 };
 

src/pages/Tracker/Tracker.tsx

@@ -164,7 +164,7 @@ const Home: React.FC = () => {
   const totalCount = tab === 0 ? totalIssues : totalPrs;
 
   return (
-    <Container maxWidth="lg" sx={{ mt: 4, minHeight: "80vh", color: theme.palette.text.primary }}>
+    <Container maxWidth="lg" sx={{ pt: 12, minHeight: "80vh", color: theme.palette.text.primary }}>
       {/* Auth Form */}
       <Paper elevation={1} sx={{ p: 2, mb: 4, backgroundColor: theme.palette.background.paper }}>
         <form onSubmit={handleSubmit}>