Fixed hydration errors

Moved some code to client only (it makes sense given the localstorage stuff)

components/calendar/CalendarCurrentDate.vue

@@ -1,6 +1,5 @@
 <script lang="ts" setup>
 import { getRelativeString } from '@/models/Date'
-import { useCalendar } from '@/stores/CalendarStore'
 import { storeToRefs } from 'pinia'
 import { computed } from 'vue'
 
@@ -15,10 +14,19 @@ const dateDifference = computed(() => getRelativeString(defaultDate, selectedDat
 </script>
 
 <template>
-  <h1 class="text-2xl font-bold flex items-center gap-1">
-    <PhMapPin size="26" weight="bold" /> {{ mainDateTitle }}
-  </h1>
-  <h2 class="text-lg italic opacity-75">
-    {{ dateDifference }}
-  </h2>
+  <ClientOnly>
+    <h1 class="text-2xl font-bold flex items-center gap-1">
+      <PhMapPin size="26" weight="bold" /> {{ mainDateTitle }}
+    </h1>
+    <h2 class="text-lg italic opacity-75">
+      {{ dateDifference }}
+    </h2>
+
+    <template #fallback>
+      <div class="grid gap-1">
+        <UiSkeleton class="h-8 w-64" />
+        <UiSkeleton class="h-6 w-28" />
+      </div>
+    </template>
+  </ClientOnly>
 </template>