fix: Move useEffect before early returns (Rules of Hooks)

Critical bug: Hook called after conditional return

Problem:
- useEffect at line 107 was AFTER early returns (lines 83-102)
- When loading/error states triggered early return
- Hook order changed between renders
- React detected hook order violation
- Component broke with blank screen

Rules of Hooks violation:
❌ Before:
1. All hooks (useState, useQuery, etc.)
2. Early return if loading
3. Early return if error
4. useEffect (line 107) ← WRONG! After conditional returns

✅ After:
1. All hooks including ALL useEffects
2. Early return if loading
3. Early return if error
4. Render

Fix:
- Moved useEffect from line 107 to line 62
- Now before any early returns
- Changed product?.meta to productQ.data?.meta
- Hooks always called in same order
- No conditional hook calls

Result:
✅ Product edit form loads correctly
✅ No React warnings
✅ Follows Rules of Hooks
✅ Consistent hook order every render

admin-spa/src/routes/Products/Edit.tsx

@@ -59,6 +59,13 @@ export default function ProductEdit() {
     await updateMutation.mutateAsync(payload);
   };
 
+  // Sync meta data from product
+  useEffect(() => {
+    if (productQ.data?.meta) {
+      setMetaData(productQ.data.meta);
+    }
+  }, [productQ.data?.meta]);
+
   // Set page header with back button and save button
   useEffect(() => {
     const actions = (
@@ -103,13 +110,6 @@ export default function ProductEdit() {
 
   const product = productQ.data;
 
-  // Sync meta data from product
-  useEffect(() => {
-    if (product?.meta) {
-      setMetaData(product.meta);
-    }
-  }, [product?.meta]);
-
   return (
     <div className="space-y-4">
       <ProductForm