feat: add dedicated /my-shop/create page for product creation

WHAT CHANGED:
- Created new dedicated page at /my-shop/create/page.tsx
- Updated 'Create Product' button in /my-shop to route to /my-shop/create
- Previously redirected to /shop (public shop page)

WHY:
- Follow site architecture: everything should have a dedicated page
- Separates public shop (/shop) from product management (/my-shop)
- Better UX: users stay within my-shop context for product management
- Consistent with edit flow (/my-shop/edit/[id])

FEATURES:
- Authentication check (redirects to /signin if not authenticated)
- Client-side hydration handling (SSR safety)
- Uses existing ProductCreationForm component
- Redirects back to /my-shop after creation or cancellation
- Proper logging for user actions

ROUTING:
- /shop → public shop (browse/buy)
- /my-shop → manage your products
- /my-shop/create → create new product
- /my-shop/edit/[id] → edit existing product

Build status: ✅ Successful

Author: psam21

src/app/my-shop/create/page.tsx

@@ -0,0 +1,81 @@
+'use client';
+
+import { useRouter } from 'next/navigation';
+import { useEffect, useState } from 'react';
+import { useAuthStore } from '@/stores/useAuthStore';
+import { ProductCreationForm } from '@/components/shop/ProductCreationForm';
+import { logger } from '@/services/core/LoggingService';
+
+export default function CreateProductPage() {
+  const router = useRouter();
+  const { isAuthenticated, user } = useAuthStore();
+  const [isClient, setIsClient] = useState(false);
+
+  // Client-side hydration check
+  useEffect(() => {
+    setIsClient(true);
+  }, []);
+
+  // Redirect if not authenticated (only on client)
+  if (isClient && (!isAuthenticated || !user)) {
+    logger.warn('User not authenticated, redirecting to signin', {
+      service: 'CreateProductPage',
+      method: 'render',
+      isAuthenticated,
+      hasUser: !!user,
+    });
+    router.push('/signin');
+    return (
+      <div className="min-h-screen flex items-center justify-center bg-gradient-to-br from-primary-50 to-accent-50">
+        <div className="text-center">
+          <h1 className="text-2xl font-bold text-primary-800 mb-4">Redirecting to Sign In...</h1>
+          <p className="text-gray-600">Please sign in to create products.</p>
+        </div>
+      </div>
+    );
+  }
+
+  // Show loading during SSR
+  if (!isClient) {
+    return (
+      <div className="min-h-screen flex items-center justify-center bg-gradient-to-br from-primary-50 to-accent-50">
+        <div className="text-center">
+          <h1 className="text-2xl font-bold text-primary-800 mb-4">Loading...</h1>
+          <p className="text-gray-600">Please wait while we load the creation form.</p>
+        </div>
+      </div>
+    );
+  }
+
+  const handleProductCreated = (productId: string) => {
+    logger.info('Product created successfully, redirecting to my-shop', {
+      service: 'CreateProductPage',
+      method: 'handleProductCreated',
+      productId,
+    });
+    
+    // Redirect to my-shop page after successful creation
+    router.push('/my-shop');
+  };
+
+  const handleCancel = () => {
+    logger.info('Product creation cancelled, redirecting to my-shop', {
+      service: 'CreateProductPage',
+      method: 'handleCancel',
+    });
+    
+    // Go back to my-shop page
+    router.push('/my-shop');
+  };
+
+  return (
+    <div className="min-h-screen bg-gradient-to-br from-primary-50 to-accent-50 py-8">
+      <div className="container-width">
+        <ProductCreationForm
+          onProductCreated={handleProductCreated}
+          onCancel={handleCancel}
+        />
+      </div>
+    </div>
+  );
+}

src/app/my-shop/page.tsx

@@ -120,7 +120,7 @@ export default function MyShopPage() {
             </div>
             <div className="mt-4 lg:mt-0">
               <button
-                onClick={() => router.push('/shop')}
+                onClick={() => router.push('/my-shop/create')}
                 className="btn-primary-sm"
               >
                 Create Product