feat(storage): MinIO object storage, Neon Auth, Supabase removal

- Add MinIO/S3-compatible storage client (src/lib/storage.ts) with uploadObject,
  deleteObject, presigned URL helpers, and BUCKETS constant
- Wire product images, brand logos, and water log photos to MinIO via the
  new storage client
- Migrate forgot-password to Neon Auth (remove Supabase /auth/v1/recover call)
- Migrate send-scheduled cron to direct Postgres + Resend (remove Supabase Edge
  Function proxy)
- Add logoUrl to email types (OrderReceipt, Welcome, PasswordReset) and pass
  brand_settings.logo_url from all call sites
- Update email templates to use dynamic logoUrl instead of hardcoded Supabase
  bucket URLs
- Remove hardcoded Supabase URLs from TuxedoVideoHero, TuxedoAboutPage,
  TimeTrackingFieldClient; use brand_settings props + local public/ fallback
- Download brand logos (3) and tuxedo-hero.mp4 (36MB) from Supabase bucket to
  public/ for local development
- Add MinIO env vars to .env.example (endpoint, access key, secret, buckets)
- Fix TimeTrackingFieldClient to destructure logoUrl and brandAccent props
- Fix admin/users.ts logoUrl type (null → undefined for optional string)
- Remove stale sb- cookie from wholesale-auth
- Migrate tuxedo/about page to remove supabase import and use pool query for
  wholesale_settings lookup

src/components/notifications/InAppNotificationCenter.tsx

@@ -1,7 +1,7 @@
 // In-App Notification Center - Bell icon with dropdown panel
 "use client";
 
-import { useState, useEffect, useRef } from "react";
+import { useState, useEffect, useRef, useCallback } from "react";
 
 interface Notification {
   id: string;
@@ -26,26 +26,8 @@ export default function NotificationCenter({ brandId, userId }: NotificationCent
 
   const unreadCount = notifications.filter((n) => !n.read).length;
 
-  // Fetch notifications
-  useEffect(() => {
-    if (isOpen && brandId) {
-      fetchNotifications();
-    }
-  }, [isOpen, brandId]);
-
-  // Close on click outside
-  useEffect(() => {
-    const handleClickOutside = (event: MouseEvent) => {
-      if (dropdownRef.current && !dropdownRef.current.contains(event.target as Node)) {
-        setIsOpen(false);
-      }
-    };
-
-    document.addEventListener("mousedown", handleClickOutside);
-    return () => document.removeEventListener("mousedown", handleClickOutside);
-  }, []);
-
-  const fetchNotifications = async () => {
+  // Define fetchNotifications before useEffect
+  const fetchNotifications = useCallback(async () => {
     setLoading(true);
     try {
       const res = await fetch(`/api/notifications?brand_id=${brandId}`);
@@ -58,7 +40,29 @@ export default function NotificationCenter({ brandId, userId }: NotificationCent
     } finally {
       setLoading(false);
     }
-  };
+  }, [brandId]);
+
+  // Fetch notifications when opened
+  useEffect(() => {
+    const init = async () => {
+      if (isOpen && brandId) {
+        await fetchNotifications();
+      }
+    };
+    init();
+  }, [isOpen, brandId, fetchNotifications]);
+
+  // Close on click outside
+  useEffect(() => {
+    const handleClickOutside = (event: MouseEvent) => {
+      if (dropdownRef.current && !dropdownRef.current.contains(event.target as Node)) {
+        setIsOpen(false);
+      }
+    };
+
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, []);
 
   const markAsRead = async (id: string) => {
     try {