feat: show hover card in more places

components/status/StatusAccountDetails.vue

@@ -12,7 +12,7 @@ const accountHandle = $(useAccountHandle(account))
 <template>
   <NuxtLink
     :to="link ? getAccountPath(account) : undefined"
-    flex="col 1" min-w-0 md:flex="~ gap-2" md:items-center
+    flex="~ col" min-w-0 md:flex="~ row gap-2" md:items-center
   >
     <ContentRichSetup font-bold break-words :content="getDisplayName(account)" :emojis="account.emojis" />
     <p op35 text-sm>

components/status/StatusCard.vue

@@ -7,10 +7,7 @@ const props = withDefaults(
     actions?: boolean
     hover?: boolean
   }>(),
-  {
-    actions: true,
-    hover: true,
-  },
+  { actions: true },
 )
 
 const status = $computed(() => {
@@ -80,12 +77,7 @@ const timeago = useTimeAgo(() => status.createdAt, {
       </div>
     </div>
     <div flex gap-4>
-      <div relative flex-shrink-0>
-        <div group>
-          <AccountHoverCard top="-3.2" left="-4.4" absolute :account="status.account" op0 pointer-events-none group-hover="pointer-events-auto op100 scale-100" delay-250 transition transform scale-20 class="ease-[cubic-bezier(0.4, 0.0, 0.2, 1)]" />
-          <AccountAvatar mt1 w-12 h-12 :account="status.account" />
-        </div>
-      </div>
+      <AccountAvatar mt1 w-12 h-12 :account="status.account" hover />
       <div flex="~ col 1" min-w-0>
         <div flex>
           <StatusAccountDetails :account="status.account" />