fix nav and color theme

web/components/Navigation.js

@@ -8,7 +8,7 @@ import { useAuth } from "@/context/AuthContext";
 import { useCart } from "@/context/CartContext";
 
 export default function DisplayNav() {
-  const { user, token, logout, loading } = useAuth();
+  const { user, logout, loading } = useAuth();
   const { itemCount, selectedStoreId, setStoreId } = useCart();
   const router = useRouter();
   const [stores, setStores] = useState([]);
@@ -56,7 +56,7 @@ export default function DisplayNav() {
       </div>
 
       <div className="nav-auth">
-        {stores.length > 0 && (
+        {user && stores.length > 0 && (
           <select
             className="nav-store-select"
             value={selectedStoreId ?? ""}
@@ -132,7 +132,7 @@ export default function DisplayNav() {
 
           <div className="nav-drawer-divider" />
 
-          {stores.length > 0 && (
+          {user && stores.length > 0 && (
             <select
               className="nav-store-select nav-store-select--drawer"
               value={selectedStoreId ?? ""}