feat(frontend): rebuild auth around mobile-first flow

src/components/Navbar.tsx

@@ -5,6 +5,7 @@ import { useMemo } from "react";
 import { Link, NavLink } from "@/lib/router";
 import { useAuth } from "@/contexts/AuthContext";
 import ModeToggle from "@/components/ModeToggle";
+import NotificationsBell from "@/components/NotificationsBell";
 import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
 import { Button } from "@/components/ui/button";
 import { cn } from "@/lib/utils";
@@ -70,6 +71,7 @@ export default function Navbar() {
             <NavItem to="/blog">بلاگ</NavItem>
             <NavItem to="/events">رویدادها</NavItem>
             <ModeToggle />
+            {isAuthenticated ? <NotificationsBell /> : null}
 
             {isAuthenticated ? (
               <Link
@@ -106,6 +108,7 @@ export default function Navbar() {
           </div>
 
           <div className="flex items-center gap-2 md:hidden">
+            {isAuthenticated ? <NotificationsBell /> : null}
             <ModeToggle />
           </div>
         </div>