feat(phase0): merge all Phase 0 branches — complete stack update

Merges 6 Phase 0 branches into a single complete branch:
- phase0/prep-cleanup: .env.example, dedup @types, fix biome, remove autoprefixer
- phase0/safe-upgrades: 21 safe dep upgrades (Tailwind, Radix, utilities)
- phase0/supabase-e2e-ci: Supabase init, Playwright, GitHub Actions CI
- phase0/dashboard-restructure: Remove legacy dashboard, scaffold Content Ops
- phase0/sanity-v5-react-19: React 19.2, Sanity v5, next-sanity v12
- phase0/nextjs-16: Next.js 16, remove ESLint, consolidate on Biome

Post-merge fixes:
- react-resizable-panels v4: Updated resizable.tsx wrapper with compat layer
  (direction→orientation, onLayout→onLayoutChange)
- @sanity/image-url v2: Switch to named createImageUrlBuilder import
- recharts v3: Fix ChartTooltipContent and ChartLegendContent types
- Regenerated pnpm-lock.yaml

Build status: TypeScript compilation passes (webpack mode).
Note: Turbopack has a known panic bug in Next.js 16.1.6.
Note: Full build requires PRIVATE_ALGOLIA_ADMIN_API_KEY env var.

Co-authored-by: upgrade <upgrade@miriad.systems>

Author: Miriad

components/ui/chart.tsx

@@ -102,6 +102,9 @@ ${colorConfig
 
 const ChartTooltip = RechartsPrimitive.Tooltip
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+type ChartPayloadItem = Record<string, any>
+
 const ChartTooltipContent = React.forwardRef<
   HTMLDivElement,
   React.ComponentProps<typeof RechartsPrimitive.Tooltip> &
@@ -111,6 +114,12 @@ const ChartTooltipContent = React.forwardRef<
       indicator?: "line" | "dot" | "dashed"
       nameKey?: string
       labelKey?: string
+      payload?: ChartPayloadItem[]
+      active?: boolean
+      label?: string
+      labelFormatter?: (value: unknown, payload: ChartPayloadItem[]) => React.ReactNode
+      labelClassName?: string
+      formatter?: (value: unknown, name: string, item: ChartPayloadItem, index: number, payload: ChartPayloadItem[]) => React.ReactNode
     }
 >(
   (
@@ -188,7 +197,7 @@ const ChartTooltipContent = React.forwardRef<
           {payload.map((item, index) => {
             const key = `${nameKey || item.name || item.dataKey || "value"}`
             const itemConfig = getPayloadConfigFromPayload(config, item, key)
-            const indicatorColor = color || item.payload.fill || item.color
+            const indicatorColor = color || item.payload?.fill || item.color
 
             return (
               <div
@@ -260,10 +269,11 @@ const ChartLegend = RechartsPrimitive.Legend
 
 const ChartLegendContent = React.forwardRef<
   HTMLDivElement,
-  React.ComponentProps<"div"> &
-    Pick<RechartsPrimitive.LegendProps, "payload" | "verticalAlign"> & {
+  React.ComponentProps<"div"> & {
       hideIcon?: boolean
       nameKey?: string
+      payload?: Array<{ value?: string; dataKey?: string; color?: string }>
+      verticalAlign?: "top" | "bottom" | "middle"
     }
 >(
   (

components/ui/resizable.tsx

@@ -5,11 +5,35 @@ import * as ResizablePrimitive from "react-resizable-panels"
 
 import { cn } from "@/lib/utils"
 
+// Compatibility wrapper: maps old `direction` + `onLayout` props to v4 `orientation` + `onLayoutChange`
+type ResizablePanelGroupProps = Omit<
+  React.ComponentProps<typeof ResizablePrimitive.Group>,
+  "orientation" | "onLayoutChange"
+> & {
+  direction?: "horizontal" | "vertical"
+  onLayout?: (sizes: number[]) => void
+  orientation?: "horizontal" | "vertical"
+  onLayoutChange?: (layout: Record<string, number>) => void
+}
+
 const ResizablePanelGroup = ({
   className,
+  direction,
+  orientation,
+  onLayout,
+  onLayoutChange,
   ...props
-}: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => (
-  <ResizablePrimitive.PanelGroup
+}: ResizablePanelGroupProps) => (
+  <ResizablePrimitive.Group
+    orientation={orientation ?? direction ?? "horizontal"}
+    onLayoutChange={
+      onLayoutChange ??
+      (onLayout
+        ? (layout: Record<string, number>) => {
+            onLayout(Object.values(layout))
+          }
+        : undefined)
+    }
     className={cn(
       "flex h-full w-full data-[panel-group-direction=vertical]:flex-col",
       className
@@ -24,10 +48,10 @@ const ResizableHandle = ({
   withHandle,
   className,
   ...props
-}: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
+}: React.ComponentProps<typeof ResizablePrimitive.Separator> & {
   withHandle?: boolean
 }) => (
-  <ResizablePrimitive.PanelResizeHandle
+  <ResizablePrimitive.Separator
     className={cn(
       "relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90",
       className
@@ -39,7 +63,7 @@ const ResizableHandle = ({
         <GripVertical className="h-2.5 w-2.5" />
       </div>
     )}
-  </ResizablePrimitive.PanelResizeHandle>
+  </ResizablePrimitive.Separator>
 )
 
 export { ResizablePanelGroup, ResizablePanel, ResizableHandle }