fix: NavUser avatar height on small screens

components/main/MainContent.vue

@@ -14,8 +14,8 @@ defineProps<{
       pt="[env(safe-area-inset-top,0)]"
       border="b base" bg="[rgba(var(--c-bg-base-rgb),0.7)]"
     >
-      <div flex justify-between px5 py4>
-        <div flex gap-3 items-center overflow-hidden>
+      <div flex justify-between px5 py2>
+        <div flex gap-3 items-center overflow-hidden py2>
           <NuxtLink
             v-if="backOnSmallScreen || back" flex="~ gap1" items-center btn-text p-0
             :class="{ 'lg:hidden': backOnSmallScreen }"
@@ -32,6 +32,7 @@ defineProps<{
           <slot name="actions" />
           <PwaBadge lg:hidden />
           <NavUser v-if="isMastoInitialised" />
+          <NavUserSkeleton v-else />
         </div>
       </div>
       <slot name="header" />

components/nav/NavUser.vue

@@ -4,7 +4,8 @@
       <AccountAvatar
         ref="avatar"
         :account="currentUser.account"
-        h="2em"
+        h-8
+        w-8
         :draggable="false"
       />
     </div>

components/nav/NavUserSkeleton.vue

@@ -0,0 +1,3 @@
+<template>
+  <div bg-base h-8 w-8 rounded-full />
+</template>