feat: add Boolean field preview in settings (#2399)

Closes #2328

front/src/modules/settings/data-model/components/SettingsObjectFieldPreview.tsx

@@ -8,6 +8,7 @@ import { Tag } from '@/ui/display/tag/components/Tag';
 import { useLazyLoadIcon } from '@/ui/input/hooks/useLazyLoadIcon';
 import { FieldDisplay } from '@/ui/object/field/components/FieldDisplay';
 import { FieldContext } from '@/ui/object/field/contexts/FieldContext';
+import { BooleanFieldInput } from '@/ui/object/field/meta-types/input/components/BooleanFieldInput';
 import { entityFieldsFamilySelector } from '@/ui/object/field/states/selectors/entityFieldsFamilySelector';
 import { assertNotNull } from '~/utils/assert';
 
@@ -145,7 +146,11 @@ export const SettingsObjectFieldPreview = ({
             hotkeyScope: 'field-preview',
           }}
         >
-          <FieldDisplay />
+          {fieldType === 'BOOLEAN' ? (
+            <BooleanFieldInput readonly />
+          ) : (
+            <FieldDisplay />
+          )}
         </FieldContext.Provider>
       </StyledFieldPreview>
     </StyledContainer>

front/src/modules/settings/data-model/components/SettingsObjectFieldTypeSelectSection.tsx

@@ -64,7 +64,7 @@ export const SettingsObjectFieldTypeSelectSection = ({
         }),
       )}
     />
-    {['NUMBER', 'TEXT'].includes(fieldType) && (
+    {['BOOLEAN', 'NUMBER', 'TEXT'].includes(fieldType) && (
       <StyledSettingsObjectFieldTypeCard
         preview={
           <SettingsObjectFieldPreview

front/src/modules/settings/data-model/components/__stories__/SettingsObjectFieldPreview.stories.tsx

@@ -32,6 +32,14 @@ export const Number: Story = {
   },
 };
 
+export const Boolean: Story = {
+  args: {
+    fieldIconKey: 'IconHeadphones',
+    fieldLabel: 'Priority Support',
+    fieldType: 'BOOLEAN',
+  },
+};
+
 export const CustomObject: Story = {
   args: {
     isObjectCustom: true,