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/ui/dialog.tsx

@@ -5,7 +5,17 @@ import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { X } from "lucide-react";
 import { cn } from "@/lib/utils";
 
-const Dialog = DialogPrimitive.Root;
+const Dialog = React.forwardRef<
+  React.ElementRef<typeof DialogPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Root>
+>(({ ...props }, ref) => (
+  <DialogPrimitive.Root
+    ref={ref}
+    suppressHydrationWarning
+    {...props}
+  />
+));
+Dialog.displayName = "Dialog";
 
 const DialogTrigger = DialogPrimitive.Trigger;