Add sample form

astro/src/components/AddRetailerForm.tsx

@@ -39,29 +39,29 @@ export function AddRetailerForm() {
   
   return (
     <div className="flex justify-center">
-    <div>
+      <div>
-      <Form {...form}>
+        <Form {...form}>
-        <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-8">
+          <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-8">
-          <FormField
+            <FormField
-            control={form.control}
+              control={form.control}
-            name="username"
+              name="username"
-            render={({ field }) => (
+              render={({ field }) => (
-              <FormItem>
+                <FormItem>
-                <FormLabel>Username</FormLabel>
+                  <FormLabel>Username</FormLabel>
-                <FormControl>
+                  <FormControl>
-                  <Input placeholder="" {...field} />
+                    <Input placeholder="" {...field} />
-                </FormControl>
+                  </FormControl>
-                <FormDescription>
+                  <FormDescription>
-                  This is your public display name.
+                    This is your public display name.
-                </FormDescription>
+                  </FormDescription>
-                <FormMessage />
+                  <FormMessage />
-              </FormItem>
+                </FormItem>
-            )}
+              )}
-          />
+            />
-          <Button variant={"default"} type="submit">Submit</Button>
+            <Button variant={"default"} type="submit">Submit</Button>
-        </form>
+          </form>
-      </Form>
+        </Form>
-    </div>
+      </div>
     </div>
   )
 }