[AI] Match ai chat composer to figma (#18874)

https://www.figma.com/design/xt8O9mFeLl46C5InWwoMrN/Twenty?node-id=93653-368288&t=obTG32NRidXid4lN-0

closes
https://discord.com/channels/1130383047699738754/1480990726442582086

---------

Co-authored-by: Félix Malfait <felix.malfait@gmail.com>
Co-authored-by: Félix Malfait <felix@twenty.com>

packages/twenty-front/src/modules/settings/experience/components/NumberFormatSelect.tsx

@@ -46,26 +46,31 @@ export const NumberFormatSelect = ({
       dropdownWidthAuto
       fullWidth
       value={value}
+      pinnedOption={{
+        label: t`System settings`,
+        value: NumberFormat.SYSTEM,
+        contextualText: systemNumberFormatLabel,
+      }}
       options={[
         {
-          label: t`System Settings - ${systemNumberFormatLabel}`,
-          value: NumberFormat.SYSTEM,
-        },
-        {
-          label: t`Commas and dot - ${commasAndDotExample}`,
+          label: t`Commas and dot`,
           value: NumberFormat.COMMAS_AND_DOT,
+          contextualText: commasAndDotExample,
         },
         {
-          label: t`Spaces and comma - ${spacesAndCommaExample}`,
+          label: t`Spaces and comma`,
           value: NumberFormat.SPACES_AND_COMMA,
+          contextualText: spacesAndCommaExample,
         },
         {
-          label: t`Dots and comma - ${dotsAndCommaExample}`,
+          label: t`Dots and comma`,
           value: NumberFormat.DOTS_AND_COMMA,
+          contextualText: dotsAndCommaExample,
         },
         {
-          label: t`Apostrophe and dot - ${apostropheAndDotExample}`,
+          label: t`Apostrophe and dot`,
           value: NumberFormat.APOSTROPHE_AND_DOT,
+          contextualText: apostropheAndDotExample,
         },
       ]}
       onChange={onChange}