Fix footer

app/pages/[user].vue

@@ -34,6 +34,7 @@ function visitLink(clickType: 'self' | 'extern') {
 
 <template>
   <main class="my-12">
+    <ClientOnly>
       <div v-if="date" class="flex flex-col items-center mb-12">
         <h1 class="text-6xl md:text-9xl font-bold">
           {{ useDateFormat(date, 'HH') }}
@@ -44,6 +45,7 @@ function visitLink(clickType: 'self' | 'extern') {
           {{ useDateFormat(date, 'dddd D MMMM YYYY', { locales: userDetails.locale ? userDetails.language : user.locale }) }}
         </h1>
       </div>
+    </ClientOnly>
     <div v-if="userDetails.message || userDetails.private" class="text-center mt-24 space-y-4">
       <div
         class="flex items-center justify-center gap-2 text-3xl"

app/pages/index.vue

@@ -111,6 +111,7 @@ defineShortcuts({
 
 <template>
   <main v-if="user && loggedIn" class="my-12">
+    <ClientOnly>
       <div v-if="date" class="flex flex-col items-center mb-12">
         <h1 class="text-6xl md:text-9xl font-bold">
           {{ useDateFormat(date, 'HH') }}
@@ -121,6 +122,7 @@ defineShortcuts({
           {{ useDateFormat(date, 'dddd D MMMM YYYY', { locales: user.language }) }}
         </h1>
       </div>
+    </ClientOnly>
     <section class="flex flex-col md:flex-row items-center justify-center md:w-2/3 mx-auto gap-4 md:gap-8">
       <div>
         <AppAvatar size="5xl" :src="user.avatar" />