add logout logic and wip recap

frontend/src/components/PaymentMethods/Cheque/index.tsx

@@ -1,6 +1,6 @@
 import { t } from "@/config/i18n";
 import type { ContractInputs } from "@/services/resources/contracts";
-import { Group, NumberInput, Stack, TextInput, Title } from "@mantine/core";
+import { Group, NumberInput, Stack, Text, TextInput, Title } from "@mantine/core";
 import type { UseFormReturnType } from "@mantine/form";
 import { useEffect } from "react";
 
@@ -56,13 +56,18 @@ export function ContractCheque({ inputForm, price, chequeOrder }: ContractCheque
                 {...inputForm.getInputProps(`cheque_quantity`)}
             />
             <Group grow>
-                {inputForm.values.cheques.map((_cheque, index) => (
+                {inputForm.values.cheques.map((cheque, index) => (
                     <Stack key={`${index}`}>
                         <TextInput
                             label={t("cheque id", { capfirst: true })}
                             placeholder={t("cheque id", { capfirst: true })}
                             {...inputForm.getInputProps(`cheques.${index}.name`)}
-                        />
+                            error={
+                            cheque.name == "" ? 
+                            <Text size="sm" c="red">{inputForm?.errors.cheques}</Text> :
+                            null
+                        }
+                        />   
                         <NumberInput
                             readOnly
                             label={t("cheque value", { capfirst: true })}