Preferences: Can reset timezone preference back to default correctly (#68881)

* user essentials mob! 🔱

lastFile:public/app/core/components/SharedPreferences/SharedPreferences.tsx

* invert menuShouldPortal logic on TimeZonePicker and fix unit test

Co-authored-by: eledobleefe <laura.fernandez@grafana.com>
Co-authored-by: Joao Silva <joao.silva@grafana.com>
Co-authored-by: L-M-K-B <48948963+L-M-K-B@users.noreply.github.com>
Co-authored-by: joshhunt <josh@trtr.co>

---------

Co-authored-by: eledobleefe <laura.fernandez@grafana.com>
Co-authored-by: Joao Silva <joao.silva@grafana.com>
Co-authored-by: L-M-K-B <48948963+L-M-K-B@users.noreply.github.com>
Co-authored-by: joshhunt <josh@trtr.co>

packages/grafana-ui/src/components/DateTimePickers/TimeRangePicker/TimePickerFooter.tsx

@@ -103,6 +103,7 @@ export const TimePickerFooter = (props: Props) => {
                   }
                 }}
                 onBlur={onToggleChangeTimeSettings}
+                menuShouldPortal={false}
               />
             </section>
           ) : (

packages/grafana-ui/src/components/DateTimePickers/TimeZonePicker.tsx

@@ -41,7 +41,7 @@ export const TimeZonePicker = (props: Props) => {
     includeInternal = false,
     disabled = false,
     inputId,
-    menuShouldPortal = false,
+    menuShouldPortal = true,
     openMenuOnFocus = true,
   } = props;
   const groupedTimeZones = useTimeZones(includeInternal);