add shipment forms and start contract from form

frontend/src/components/Forms/Card/index.tsx

@@ -0,0 +1,38 @@
+import { Badge, Box, Group, Paper, Text, Title } from "@mantine/core";
+import { Link } from "react-router";
+import type { Form } from "@/services/resources/forms";
+
+export type FormCardProps = {
+    form: Form;
+}
+
+export function FormCard({form}: FormCardProps) {
+    return (
+        <Paper
+            shadow="xl" 
+            p="xl"
+            miw={{base: "100vw", md: "25vw", lg:"20vw"}}
+        >
+            <Box
+                component={Link}
+                to={`/form/${form.id}`}
+            >
+                <Group justify="space-between" wrap="nowrap">
+                    <Title
+                        order={3}
+                        textWrap="wrap"
+                        lineClamp={1}
+                        >
+                        {form.name}
+                    </Title>
+                    <Badge>{form.season}</Badge>
+                </Group>
+                <Group justify="space-between">
+                    <Text>{form.productor.name}</Text>
+                    <Text>{form.referer.name}</Text>
+                </Group>
+            </Box>
+        </Paper>
+
+    );
+}