fix: make TextWheel work in safari

Author: simonwep

src/app/components/base/text-wheel/TextWheel.vue

@@ -24,6 +24,7 @@ onMounted(() => (mounted.value = true));
 
 <style lang="scss" module>
 .container {
+  display: inline-block;
   position: relative;
   overflow: hidden;
   clip-path: inset(0 0 0 0);

src/app/components/feature/YearToggle.vue

@@ -4,7 +4,7 @@
     <TextWheelSelect :values="allYears" :value="state.activeYear" @change="changeYear" />
     <Button :icon="RiArrowRightSLine" rounded @click="rotateYear(1)" />
   </span>
-  <i18n-t tag="span" :keypath="keyPath" scope="global">
+  <i18n-t :class="$style.activeYear" tag="span" :keypath="keyPath" scope="global">
     <template #year>
       <TextWheel :values="allYears" :value="state.activeYear" />
     </template>
@@ -63,4 +63,10 @@ const rotateYear = (dir: -1 | 1) => {
     cursor: pointer;
   }
 }
+
+.activeYear {
+  display: flex;
+  align-items: flex-end;
+  gap: 0.5ch;
+}
 </style>