Use device timezone in desktop renderer

Author: sdip15fa

src/renderer/src/App.vue

@@ -68,9 +68,14 @@ const { data: meResponse } = useQuery({
     queryFn: () => getMe(),
 })
 
+function getDeviceTimezone() {
+    return Intl.DateTimeFormat().resolvedOptions().timeZone || 'UTC'
+}
+
+window.getTimezoneSetting = getDeviceTimezone
+
 watch(meResponse, () => {
     if (meResponse.value?.data) {
-        window.getTimezoneSetting = () => meResponse.value.data.timezone
         window.getWeekStartSetting = () => meResponse.value.data.week_start
     }
 })
@@ -83,7 +88,7 @@ watch(isActive, (active) => {
 })
 
 onMounted(async () => {
-    window.getTimezoneSetting = () => 'Europe/Vienna'
+    window.getTimezoneSetting = getDeviceTimezone
     window.getWeekStartSetting = () => 'monday'
 
     initializeAuth(queryClient)