feat(leases): added in leases and move table to reuseable component

frontend/src/lib/formStuff/index.tsx

@@ -1,21 +1,23 @@
 import { createFormHook, createFormHookContexts } from "@tanstack/react-form";
-import { SubmitButton } from "./components/SubmitButton";
-import { InputField } from "./components/InputField";
-import { SelectField } from "./components/SelectField";
+import { DateField } from "./components/CalenderSelect";
 import { CheckboxField } from "./components/CheckBox";
+import { InputField } from "./components/InputField";
 import { InputPasswordField } from "./components/InputPasswordField";
+import { SelectField } from "./components/SelectField";
+import { SubmitButton } from "./components/SubmitButton";
 
 export const { fieldContext, useFieldContext, formContext, useFormContext } =
-    createFormHookContexts();
+	createFormHookContexts();
 
 export const { useAppForm } = createFormHook({
-    fieldComponents: {
-        InputField,
-        InputPasswordField,
-        SelectField,
-        CheckboxField,
-    },
-    formComponents: { SubmitButton },
-    fieldContext,
-    formContext,
+	fieldComponents: {
+		InputField,
+		InputPasswordField,
+		SelectField,
+		CheckboxField,
+		DateField,
+	},
+	formComponents: { SubmitButton },
+	fieldContext,
+	formContext,
 });