add shipment forms and start contract from form

frontend/src/pages/Home/index.tsx

@@ -1,8 +1,20 @@
-import { Text } from "@mantine/core";
+import { Flex } from "@mantine/core";
 import { t } from "@/config/i18n";
+import { useParams } from "react-router";
+import { getForms } from "@/services/api";
+import { FormCard } from "@/components/Forms/Card";
+import type { Form } from "@/services/resources/forms";
 
 export function Home() {
+    const { data: allForms } = getForms();
+
     return (
-        <Text>{t("test", {capfirst: true})}</Text>
+        <Flex gap="md" wrap="wrap" justify="center">
+        {
+        allForms?.map((form: Form) => (
+            <FormCard form={form} key={form.id}/>
+        ))
+        }
+        </Flex>  
     );
 }