fix: TimeZone dropdown clips through screen in Mobile viewport (#7935)

## Description

- This PR fixes the issue #7934

---------

Co-authored-by: martmull <martmull@hotmail.fr>

packages/twenty-front/src/pages/settings/profile/appearance/components/DateTimeSettingsDateFormatSelect.tsx

@@ -28,6 +28,7 @@ export const DateTimeSettingsDateFormatSelect = ({
       dropdownWidth={218}
       label="Date format"
       fullWidth
+      dropdownWidthAuto
       value={value}
       options={[
         {

packages/twenty-front/src/pages/settings/profile/appearance/components/DateTimeSettingsTimeFormatSelect.tsx

@@ -27,6 +27,7 @@ export const DateTimeSettingsTimeFormatSelect = ({
       dropdownId="datetime-settings-time-format"
       dropdownWidth={218}
       label="Time format"
+      dropdownWidthAuto
       fullWidth
       value={value}
       options={[

packages/twenty-front/src/pages/settings/profile/appearance/components/DateTimeSettingsTimeZoneSelect.tsx

@@ -19,9 +19,10 @@ export const DateTimeSettingsTimeZoneSelect = ({
 
   return (
     <Select
+      disableBlur
       dropdownId="settings-accounts-calendar-time-zone"
-      dropdownWidth={416}
       label="Time zone"
+      dropdownWidthAuto
       fullWidth
       value={value}
       options={[