Update features and dependencies

apps/web/components/layout/nav.tsx

@@ -2,7 +2,7 @@
 
 import Link from "next/link";
 import { usePathname } from "next/navigation";
-import { BookOpen, Calendar, Package, ChefHat, User, Rss, FolderOpen, ShoppingCart, Shield, Languages, Search, Compass } from "lucide-react";
+import { BookOpen, Calendar, Package, ChefHat, User, Rss, FolderOpen, ShoppingCart, Shield, Search, Compass } from "lucide-react";
 import { cn } from "@/lib/utils";
 import { buttonVariants } from "@/components/ui/button";
 import {
@@ -14,13 +14,11 @@ import {
 } from "@/components/ui/dropdown-menu";
 import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
 import { authClient } from "@/lib/auth/client";
-import { useLocale, SUPPORTED_LOCALES, type Locale } from "@/lib/i18n/provider";
 import { useTranslations } from "next-intl";
 
 const NAV_ITEMS = [
   { href: "/recipes", key: "recipes", icon: BookOpen },
-  { href: "/explore", key: "explore", icon: Compass },
-  { href: "/search", key: "search", icon: Search },
+  { href: "/explore", key: "explore", icon: Search },
   { href: "/feed", key: "feed", icon: Rss },
   { href: "/collections", key: "collections", icon: FolderOpen },
   { href: "/meal-plan", key: "mealPlan", icon: Calendar },
@@ -32,7 +30,6 @@ export function Nav() {
   const pathname = usePathname();
   const { data: session } = authClient.useSession();
   const isAdmin = (session?.user as { role?: string } | undefined)?.role === "admin";
-  const { locale, setLocale } = useLocale();
   const t = useTranslations("nav");
   return (
     <header className="sticky top-0 z-50 border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
@@ -70,35 +67,6 @@ export function Nav() {
               <DropdownMenuItem>
                 <Link href="/settings" className="w-full">{t("settings")}</Link>
               </DropdownMenuItem>
-              <DropdownMenuItem>
-                <Link href="/settings/api-keys" className="w-full">{t("apiKeys")}</Link>
-              </DropdownMenuItem>
-              <DropdownMenuItem>
-                <Link href="/settings/webhooks" className="w-full">{t("webhooks")}</Link>
-              </DropdownMenuItem>
-              <DropdownMenuSeparator />
-              <div className="px-2 py-1.5">
-                <p className="text-xs text-muted-foreground flex items-center gap-1.5 mb-1.5">
-                  <Languages className="h-3.5 w-3.5" />
-                  {t("language")}
-                </p>
-                <div className="flex gap-1">
-                  {SUPPORTED_LOCALES.map((l) => (
-                    <button
-                      key={l.code}
-                      onClick={() => setLocale(l.code as Locale)}
-                      className={cn(
-                        "flex-1 rounded px-2 py-1 text-xs transition-colors",
-                        locale === l.code
-                          ? "bg-primary text-primary-foreground"
-                          : "bg-muted hover:bg-accent"
-                      )}
-                    >
-                      {l.label}
-                    </button>
-                  ))}
-                </div>
-              </div>
               {isAdmin && (
                 <>
                   <DropdownMenuSeparator />