feat: lazy load avatar

components/account/AccountAvatar.vue

@@ -7,5 +7,5 @@ defineProps<{
 </script>
 
 <template>
-  <img :src="account.avatar" :alt="account.username" rounded-full bg-gray:10>
+  <img :src="account.avatar" :alt="account.username" loading="lazy" rounded-full bg-gray:10>
 </template>

components/status/StatusCard.vue

@@ -80,7 +80,7 @@ const timeago = useTimeAgo(() => status.createdAt, {
     </div>
     <div flex gap-4>
       <AccountAvatar mt1 w-12 h-12 :account="status.account" />
-      <div flex="~ col auto">
+      <div flex="~ col 1">
         <div flex>
           <StatusAccountDetails :account="status.account" />
           <div flex-auto />