chore: apply coderabbitai suggestions

Author: userquin

app/components/Compare/PackageSelector.vue

@@ -182,7 +182,7 @@ function handleBlur() {
               <span class="i-carbon:clean w-4 h-4" aria-hidden="true" />
               {{ $t('compare.no_dependency.typeahead_title') }}
             </span>
-            <span class="text-xs text-fg-muted truncate mt-0.5">
+            <span class="block text-xs text-fg-muted truncate mt-0.5">
               {{ $t('compare.no_dependency.typeahead_description') }}
             </span>
           </ButtonBase>
@@ -196,8 +196,8 @@ function handleBlur() {
             class="block w-full text-start"
             @click="addPackage(result.name)"
           >
-            <span class="font-mono text-sm text-fg">{{ result.name }}</span>
-            <span v-if="result.description" class="text-xs text-fg-muted truncate mt-0.5">
+            <span class="block font-mono text-sm text-fg">{{ result.name }}</span>
+            <span v-if="result.description" class="block text-xs text-fg-muted truncate mt-0.5">
               {{ result.description }}
             </span>
           </ButtonBase>

app/components/Header/AccountMenu.client.vue

@@ -163,7 +163,7 @@ function openAuthModal() {
               >
                 <span class="i-carbon-terminal w-4 h-4 text-fg-muted" aria-hidden="true" />
               </span>
-              <span class="flex-1 min-w-0">
+              <span class="flex-1 min-w-0 flex flex-col">
                 <span class="font-mono text-sm text-fg truncate">~{{ npmUser }}</span>
                 <span class="text-xs text-fg-subtle">{{ $t('account_menu.npm_cli') }}</span>
               </span>
@@ -206,7 +206,7 @@ function openAuthModal() {
               >
                 <span class="i-carbon-cloud w-4 h-4 text-fg-muted" aria-hidden="true" />
               </span>
-              <span class="flex-1 min-w-0">
+              <span class="flex-1 min-w-0 flex flex-col">
                 <span class="font-mono text-sm text-fg truncate">@{{ atprotoUser.handle }}</span>
                 <span class="text-xs text-fg-subtle">{{ $t('account_menu.atmosphere') }}</span>
               </span>
@@ -236,7 +236,7 @@ function openAuthModal() {
                 />
                 <span v-else class="i-carbon-terminal w-4 h-4 text-fg-muted" aria-hidden="true" />
               </span>
-              <span class="flex-1 min-w-0">
+              <span class="flex-1 min-w-0 flex flex-col">
                 <span class="font-mono text-sm text-fg">
                   {{
                     isNpmConnecting