feat: implement market page with QueryProvider and dynamic listings

- wrap root layout with QueryProvider for React Query
- replace market UnderConstruction placeholder with MarketClient and real data fetching
- implement search, pagination, and sort via search params using getActiveListings
- add necessary client components and queries
- update dependencies (e.g., prisma, pkg-types)

components/mobile-menu.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { Menu } from "lucide-react";
-import { useState } from "react";
+import { useState, useEffect } from "react";
 import { Sheet, SheetContent, SheetTrigger } from "@/components/ui/sheet";
 import { Button } from "@/components/ui/button";
 import { Separator } from "@/components/ui/separator";
@@ -16,8 +16,24 @@ interface MobileMenuProps {
 
 export function MobileMenu({ links }: MobileMenuProps) {
   const [open, setOpen] = useState(false);
+  const [mounted, setMounted] = useState(false);
   const t = useTranslations("header");
 
+  // Evitar hydration mismatch com Radix UI
+  useEffect(() => {
+    setMounted(true);
+  }, []);
+
+  // Renderizar placeholder durante SSR para evitar mismatch
+  if (!mounted) {
+    return (
+      <Button variant="outline" size="icon" className="md:hidden" disabled>
+        <Menu className="h-[1.2rem] w-[1.2rem]" />
+        <span className="sr-only">{t("menu")}</span>
+      </Button>
+    );
+  }
+
   return (
     <Sheet open={open} onOpenChange={setOpen}>
       <SheetTrigger asChild>