feat: restructure ads mgmt by creating a new layout for ads creation and updating related schemas

app/pages/form-subscriptions-plan/index.tsx

@@ -10,7 +10,7 @@ import { Input } from '~/components/ui/input'
 import { TitleDashboard } from '~/components/ui/title-dashboard'
 import { urlFriendlyCode } from '~/utils/formatter'
 
-export const createSubscribePlanSchema = z.object({
+export const subscribePlanSchema = z.object({
   id: z.string().optional(),
   name: z.string().min(3, 'Nama minimal 3 karakter'),
   code: z.string(),
@@ -18,7 +18,7 @@ export const createSubscribePlanSchema = z.object({
   price: z.preprocess(Number, z.number().optional()),
   status: z.number().optional(),
 })
-export type TSubscribePlanSchema = z.infer<typeof createSubscribePlanSchema>
+export type TSubscribePlanSchema = z.infer<typeof subscribePlanSchema>
 type TProperties = {
   subscribePlanData?: TSubscribePlanSchema
 }
@@ -30,7 +30,7 @@ export const FormSubscribePlanPage = (properties: TProperties) => {
   const formMethods = useRemixForm<TSubscribePlanSchema>({
     mode: 'onSubmit',
     fetcher,
-    resolver: zodResolver(createSubscribePlanSchema),
+    resolver: zodResolver(subscribePlanSchema),
     values: {
       id: subscribePlanData?.id || undefined,
       code: subscribePlanData?.code || '',