feat: increase support for multiple time zones

apps/web-antd/src/store/user-profile.ts

@@ -38,7 +38,9 @@ const useUserProfileStore = defineStore('user-profile', () => {
     }
   }
 
-  initTimezone();
+  initTimezone().catch((error) => {
+    console.error('Failed to initialize timezone during store setup:', error);
+  });
 
   return {
     timezone: timezoneRef,

apps/web-ele/src/store/user-profile.ts

@@ -38,7 +38,9 @@ const useUserProfileStore = defineStore('user-profile', () => {
     }
   }
 
-  initTimezone();
+  initTimezone().catch((error) => {
+    console.error('Failed to initialize timezone during store setup:', error);
+  });
 
   return {
     timezone: timezoneRef,

apps/web-naive/src/store/user-profile.ts

@@ -38,7 +38,9 @@ const useUserProfileStore = defineStore('user-profile', () => {
     }
   }
 
-  initTimezone();
+  initTimezone().catch((error) => {
+    console.error('Failed to initialize timezone during store setup:', error);
+  });
 
   return {
     timezone: timezoneRef,

packages/effects/layouts/src/widgets/timezone/timezone-button.vue

@@ -70,7 +70,7 @@ const handleClickItem = (timezone: string) => {
             @click="handleClickItem(item)"
           >
             <RadioGroupItem :id="item" :value="item" />
-            <label class="cursor-pointer">{{ item }}</label>
+            <label :for="item" class="cursor-pointer">{{ item }}</label>
           </div>
         </RadioGroup>
       </div>
@@ -79,7 +79,7 @@ const handleClickItem = (timezone: string) => {
 </template>
 
 <style scoped>
-.container {
+.timezone-container {
   padding-left: 20px;
 }
 </style>