[WRFE-48](feat): 수정페이지 ing

apps/front/wraffle-webview/app/products/[id]/edit/page.tsx

@@ -1,4 +1,7 @@
+'use client';
+
 import {Header} from '@/shared/ui';
+import GenericForm from '@/shared/ui/form/GenericForm';
 import {EditList} from '@/widgets/product-list/edit/ui';
 import {Typography} from '@wraffle/ui';
 
@@ -22,12 +25,16 @@ const Edit = ({
     etc: 'test ETC',
   };
 
+  const onSubmit = data => {
+    console.log(data);
+  };
+
   return (
     <div>
       <div className='py-5'>
         <Header>
           <Header.Left>
-            <Header.BackButton></Header.BackButton>
+            <Header.BackButton />
           </Header.Left>
           <Header.Middle>
             <Typography className='text-sm font-semibold text-[#191F28]'>
@@ -38,7 +45,9 @@ const Edit = ({
         <div className='h-px w-full bg-zinc-200'></div>
       </div>
 
-      <EditList product={product} />
+      <GenericForm onSubmit={onSubmit} formOptions={{defaultValues: product}}>
+        <EditList product={product} />
+      </GenericForm>
     </div>
   );
 };

apps/front/wraffle-webview/src/widgets/product-list/edit/ui/EditList.tsx

@@ -1,25 +1,16 @@
 'use client';
 
-import {useEffect} from 'react';
 import {useFormContext} from 'react-hook-form';
 import {Divider} from '@/shared/ui';
 import {Button, Icon, Input, Label, Tag} from '@wraffle/ui';
 
 export const EditList = ({product}) => {
-  const {setValue} = useFormContext();
-
-  useEffect(() => {
-    setValue('title', product.title);
-    setValue('category', product.category);
-    setValue('tags', product.tags);
-    setValue('images', product.images);
-    setValue('price', product.price);
-    setValue('startDate', product.startDate);
-    setValue('endDate', product.endDate);
-    setValue('announceAt', product.announceAt);
-    setValue('winnerCount', product.winnerCount);
-    setValue('etc', product.etc);
-  }, []);
+  const {watch} = useFormContext();
+
+  const startDate = watch('startDate');
+  const endDate = watch('endDate');
+
+  const tags = ['tag1', 'tag2'];
 
   return (
     <div className='flex h-full flex-col gap-5 px-5 pb-24'>