feat: add Switch component for premium content toggle in CreateContentsPage

app/pages/contents-create/index.tsx

@@ -9,6 +9,7 @@ import { TextEditor } from '~/components/text-editor'
 import { Button } from '~/components/ui/button'
 import { Combobox } from '~/components/ui/combobox'
 import { Input } from '~/components/ui/input'
+import { Switch } from '~/components/ui/switch'
 import { TitleDashboard } from '~/components/ui/title-dashboard'
 import type { loader } from '~/routes/_admin.lg-admin'
 
@@ -67,6 +68,15 @@ export const CreateContentsPage = () => {
     mode: 'onSubmit',
     fetcher,
     resolver: zodResolver(contentSchema),
+    defaultValues: {
+      categories: [],
+      tags: [],
+      title: '',
+      content: '',
+      featured_image: '',
+      is_premium: false,
+      live_at: '',
+    },
   })
 
   const { handleSubmit, control, watch } = formMethods
@@ -167,6 +177,13 @@ export const CreateContentsPage = () => {
               className="border-0 bg-white shadow focus:ring-1 focus:ring-[#2E2F7C] focus:outline-none"
               labelClassName="text-sm font-medium text-[#363636]"
             />
+            <Switch
+              id="is_premium"
+              name="is_premium"
+              label="Premium"
+              labelClassName="text-sm font-medium text-[#363636]"
+              inputClassName="h-[42px]"
+            />
           </div>
 
           <TextEditor