Allow input and display of floats for Number fields (#7340)

### Description

- We added a decimal field for a Number Field type in the settings
- We updated the Number Field type create a form with decimals input
- We are not implementing the dropdown present on the Figma because it
seems not related

### Demo


<https://www.loom.com/share/18a8d4b712a14f6d8b66806764f8467f?sid=3fc79b46-ae32-46e3-8635-d0eee02e53b2>

Fixes #6987

---------

Co-authored-by: gitstart-twenty <gitstart-twenty@users.noreply.github.com>
Co-authored-by: Marie Stoppa <marie.stoppa@essec.edu>

packages/twenty-front/src/modules/object-record/record-board/record-board-card/components/RecordBoardCard.tsx

@@ -338,6 +338,7 @@ export const RecordBoardCard = ({
                         metadata: fieldDefinition.metadata,
                         type: fieldDefinition.type,
                       }),
+                      settings: fieldDefinition.settings,
                     },
                     useUpdateRecord: useUpdateOneRecordHook,
                     hotkeyScope: InlineCellHotkeyScope.InlineCell,

packages/twenty-front/src/modules/object-record/record-field/meta-types/display/components/NumberFieldDisplay.tsx

@@ -2,7 +2,11 @@ import { useNumberFieldDisplay } from '@/object-record/record-field/meta-types/h
 import { NumberDisplay } from '@/ui/field/display/components/NumberDisplay';
 
 export const NumberFieldDisplay = () => {
-  const { fieldValue } = useNumberFieldDisplay();
-
-  return <NumberDisplay value={fieldValue} />;
+  const { fieldValue, fieldDefinition } = useNumberFieldDisplay();
+  return (
+    <NumberDisplay
+      value={fieldValue}
+      decimals={fieldDefinition.settings?.decimals}
+    />
+  );
 };

packages/twenty-front/src/modules/object-record/record-field/meta-types/hooks/useNumberField.ts

@@ -5,10 +5,11 @@ import { useRecordFieldInput } from '@/object-record/record-field/hooks/useRecor
 import { FieldNumberValue } from '@/object-record/record-field/types/FieldMetadata';
 import { recordStoreFamilySelector } from '@/object-record/record-store/states/selectors/recordStoreFamilySelector';
 import { FieldMetadataType } from '~/generated-metadata/graphql';
+
 import {
-  canBeCastAsIntegerOrNull,
-  castAsIntegerOrNull,
-} from '~/utils/cast-as-integer-or-null';
+  canBeCastAsNumberOrNull,
+  castAsNumberOrNull,
+} from '~/utils/cast-as-number-or-null';
 
 import { FieldContext } from '../../contexts/FieldContext';
 import { usePersistField } from '../../hooks/usePersistField';
@@ -32,11 +33,11 @@ export const useNumberField = () => {
   const persistField = usePersistField();
 
   const persistNumberField = (newValue: string) => {
-    if (!canBeCastAsIntegerOrNull(newValue)) {
+    if (!canBeCastAsNumberOrNull(newValue)) {
       return;
     }
 
-    const castedValue = castAsIntegerOrNull(newValue);
+    const castedValue = castAsNumberOrNull(newValue);
 
     persistField(castedValue);
   };

packages/twenty-front/src/modules/object-record/record-field/types/FieldDefinition.ts

@@ -16,4 +16,7 @@ export type FieldDefinition<T extends FieldMetadata> = {
   infoTooltipContent?: string;
   defaultValue?: any;
   editButtonIcon?: IconComponent;
+  settings?: {
+    decimals?: number;
+  };
 };

packages/twenty-front/src/modules/object-record/record-field/validation-schemas/numberFieldDefaultValueSchema.ts

@@ -0,0 +1,5 @@
+import { z } from 'zod';
+
+export const numberFieldDefaultValueSchema = z.object({
+  decimals: z.number().nullable(),
+});