refactor(ui): fix layout issues and temporarily disable auth features

- app & navbar: comment out login, register, and logout features.
- scan-page: align info cards vertically and reduce upload area padding.
- mobile-nav: implement React Portal to fix overlapping menu issue.

apps/web/src/components/layout/navbar.tsx

@@ -1,19 +1,12 @@
 import { useState } from "react";
-import { Link, useLocation, useNavigate } from "react-router-dom";
+import { Link, useLocation } from "react-router-dom";
 import { Leaf, Menu } from "lucide-react";
 import { MobileNav } from "./mobile-nav";
-import { Button } from "@/components/ui/button";
-import { useMutation, useQueryClient } from "@tanstack/react-query";
-import { useAuthStore } from "@/store/auth-store";
-import { apiClient } from "@/lib/api-client";
 
 export function Navbar() {
   const [mobileMenuOpen, setMobileMenuOpen] = useState(false);
   const location = useLocation();
-  const navigate = useNavigate();
-  const queryClient = useQueryClient();
-  const setUser = useAuthStore((state) => state.setUser);
-  const user = useAuthStore((state) => state.user);
+  //
 
   const isActive = (path: string) => location.pathname === path;
 
@@ -25,17 +18,6 @@ export function Navbar() {
         : "text-white/85 hover:bg-white/10 hover:text-white",
     ].join(" ");
 
-  const logoutMutation = useMutation({
-    mutationFn: async () => {
-      await apiClient.logout();
-    },
-    onSuccess: () => {
-      setUser(null);
-      queryClient.clear();
-      navigate("/login");
-    },
-  });
-
   return (
     <header className="sticky top-0 z-40 bg-[#306D29] text-white shadow-sm backdrop-blur">
       <div className="mx-auto flex h-20 max-w-6xl items-center justify-between px-6">
@@ -54,26 +36,35 @@ export function Navbar() {
         </div>
 
         <nav className="hidden lg:flex items-center gap-2">
-          <Link to="/dashboard" className={navLinkClassName(isActive("/dashboard"))}>
+          <Link
+            to="/dashboard"
+            className={navLinkClassName(isActive("/dashboard"))}
+          >
             Dashboard
           </Link>
           <Link to="/scan" className={navLinkClassName(isActive("/scan"))}>
             Scan Tanaman
           </Link>
-          <Link to="/diagnoses" className={navLinkClassName(isActive("/diagnoses"))}>
+          <Link
+            to="/diagnoses"
+            className={navLinkClassName(isActive("/diagnoses"))}
+          >
             Diagnosa
           </Link>
-          <Link to="/catalog" className={navLinkClassName(isActive("/catalog") || isActive("/library"))}>
+          <Link
+            to="/catalog"
+            className={navLinkClassName(
+              isActive("/catalog") || isActive("/library"),
+            )}
+          >
             Pustaka
           </Link>
-          {user?.role === "expert" && (
-            <Link
-              to="/expert/reviews"
-              className={navLinkClassName(isActive("/expert/reviews"))}
-            >
-              Review
-            </Link>
-          )}
+          <Link
+            to="/expert/reviews"
+            className={navLinkClassName(isActive("/expert/reviews"))}
+          >
+            Review
+          </Link>
         </nav>
 
         <button