user forms added

frontend/src/lib/formSutff/Input.Field.tsx

@@ -20,7 +20,7 @@ export const InputField = ({ label, inputType, required }: InputFieldProps) => {
 	const field = useFieldContext<any>();
 
 	return (
-		<div className="grid gap-3">
+		<div className="grid gap-3 mt-2">
 			<Label htmlFor={field.name}>{label}</Label>
 			<Input
 				id={field.name}

frontend/src/lib/formSutff/SubmitButton.tsx

@@ -1,6 +1,7 @@
 import { useStore } from "@tanstack/react-form";
 import { Button } from "@/components/ui/button";
 import { useFormContext } from ".";
+import { Spinner } from "@/components/ui/spinner";
 
 type SubmitButtonProps = {
 	children: React.ReactNode;
@@ -17,7 +18,9 @@ export const SubmitButton = ({ children }: SubmitButtonProps) => {
 	return (
 		<div className="">
 			<Button type="submit" disabled={isSubmitting}>
-				{children}
+				{isSubmitting ? <><Spinner data-icon="inline-start" /> Submitting </> : <>{children}</>
+        }
+				
 			</Button>
 		</div>
 	);