Chore: force Zod v3, replace deprecated Supabase vars in local dev, updated Dev Tool (#425)

* - Replaced Supabase local environment variables
- Updates packages
- Force Zod v3 if peer deps require Zod v4
- Updated Dev Tool

* Use correct field for pnpm overrides

* Fix inaccuracies in the Agents files; fix type casting in `useForm`

* Updated lock file

* Be more specific when intercepting POST request in flaky e2e test

packages/ui/AGENTS.md

@@ -24,10 +24,10 @@ NB: imports must follow the convention "@kit/ui/<name>", no matter the folder th
 
 - Use **Tailwind CSS v4** with semantic classes
 - Prefer Shadcn-ui classes like `bg-background`, `text-muted-foreground`
-- Use `cn()` utility from `@kit/ui/cn` for class merging
+- Use `cn()` utility from `@kit/ui/utils` for class merging
 
 ```tsx
-import { cn } from '@kit/ui/cn';
+import { cn } from '@kit/ui/utils';
 
 function MyComponent({ className }) {
   return (

packages/ui/CLAUDE.md

@@ -21,10 +21,10 @@ import { Trans } from '@kit/ui/trans';
 
 - Use **Tailwind CSS v4** with semantic classes
 - Prefer Shadcn-ui classes like `bg-background`, `text-muted-foreground`
-- Use `cn()` utility from `@kit/ui/cn` for class merging
+- Use `cn()` utility from `@kit/ui/utils` for class merging
 
 ```tsx
-import { cn } from '@kit/ui/cn';
+import { cn } from '@kit/ui/utils';
 
 function MyComponent({ className }) {
   return (

packages/ui/package.json

@@ -14,7 +14,7 @@
     "clsx": "^2.1.1",
     "cmdk": "1.1.1",
     "input-otp": "1.4.2",
-    "lucide-react": "^0.556.0",
+    "lucide-react": "^0.561.0",
     "radix-ui": "1.4.3",
     "react-dropzone": "^14.3.8",
     "react-top-loading-bar": "3.0.2",
@@ -38,7 +38,7 @@
     "prettier": "^3.7.4",
     "react-day-picker": "^9.12.0",
     "react-hook-form": "^7.68.0",
-    "react-i18next": "^16.4.0",
+    "react-i18next": "^16.5.0",
     "sonner": "^2.0.7",
     "tailwindcss": "catalog:",
     "tailwindcss-animate": "^1.0.7",

packages/ui/src/makerkit/marketing/newsletter-signup.tsx

@@ -34,7 +34,7 @@ export function NewsletterSignup({
   className,
   ...props
 }: NewsletterSignupProps) {
-  const form = useForm<NewsletterFormValues>({
+  const form = useForm({
     resolver: zodResolver(NewsletterFormSchema),
     defaultValues: {
       email: '',