fix: address review issues

Author: skaldebane

app/components/Compare/FacetCard.vue

@@ -131,7 +131,9 @@ function getShortName(header: string): string {
                 :datetime="value.display"
                 date-style="medium"
               />
-              <template v-else>{{ value.display }}</template>
+              <template v-else>
+                <span dir="auto">{{ value.display }}</span>
+              </template>
             </span>
           </template>
         </span>

app/components/Compare/FacetRow.vue

@@ -135,7 +135,9 @@ function isCellLoading(index: number): boolean {
           >
             <!-- Date values use DateTime component for i18n and user settings -->
             <DateTime v-if="value.type === 'date'" :datetime="value.display" date-style="medium" />
-            <template v-else>{{ value.display }}</template>
+            <template v-else>
+              <span dir="ltr">{{ value.display }}</span>
+            </template>
           </span>
         </TooltipApp>
         <span

app/components/Package/Dependencies.vue

@@ -244,6 +244,7 @@ const sortedOptionalDependencies = computed(() => {
           <NuxtLink
             :to="{ name: 'package', params: { package: dep.split('/') } }"
             class="font-mono text-fg-muted hover:text-fg transition-colors duration-200 truncate min-w-0 flex-1"
+            dir="ltr"
           >
             {{ dep }}
           </NuxtLink>
@@ -254,6 +255,7 @@ const sortedOptionalDependencies = computed(() => {
             }"
             class="font-mono text-xs text-fg-subtle max-w-[40%] text-end truncate"
             :title="version"
+            dir="ltr"
           >
             {{ version }}
           </NuxtLink>

app/components/Package/Maintainers.vue

@@ -194,7 +194,9 @@ watch(
           >
             ~{{ maintainer.name }}
           </NuxtLink>
-          <span v-else class="font-mono text-sm text-fg-muted">{{ maintainer.email }}</span>
+          <span v-else class="font-mono text-sm text-fg-muted" dir="ltr">{{
+            maintainer.email
+          }}</span>
 
           <!-- Access source badges -->
           <span

app/components/Package/TableRow.vue

@@ -61,7 +61,7 @@ const allMaintainersText = computed(() => {
 
     <!-- Version -->
     <td v-if="isColumnVisible('version')" class="py-2 px-3 font-mono text-xs text-fg-subtle">
-      {{ pkg.version }}
+      <span dir="ltr">{{ pkg.version }}</span>
     </td>
 
     <!-- Description -->

app/components/Package/Versions.vue

@@ -375,14 +375,15 @@ function getTagVersions(tag: string): VersionDisplay[] {
                         })
                       : row.primaryVersion.version
                   "
-                  dir="ltr"
                 >
                   <span
                     v-if="row.primaryVersion.deprecated"
                     class="i-carbon-warning-hex w-3.5 h-3.5 shrink-0"
                     aria-hidden="true"
                   />
-                  {{ row.primaryVersion.version }}
+                  <span dir="ltr">
+                    {{ row.primaryVersion.version }}
+                  </span>
                 </NuxtLink>
               </div>
               <div v-if="row.tags.length" class="flex items-center gap-1 mt-0.5 flex-wrap">
@@ -435,14 +436,15 @@ function getTagVersions(tag: string): VersionDisplay[] {
                     ? $t('package.versions.deprecated_title', { version: v.version })
                     : v.version
                 "
-                dir="ltr"
               >
                 <span
                   v-if="v.deprecated"
                   class="i-carbon-warning-hex w-3 h-3 shrink-0"
                   aria-hidden="true"
                 />
-                {{ v.version }}
+                <span dir="ltr">
+                  {{ v.version }}
+                </span>
               </NuxtLink>
               <div class="flex items-center gap-2 shrink-0">
                 <DateTime
@@ -547,7 +549,9 @@ function getTagVersions(tag: string): VersionDisplay[] {
                   class="i-carbon-warning-hex w-3 h-3 shrink-0"
                   aria-hidden="true"
                 />
-                {{ row.primaryVersion.version }}
+                <span dir="ltr">
+                  {{ row.primaryVersion.version }}
+                </span>
               </NuxtLink>
               <div class="flex items-center gap-2 shrink-0 pe-2">
                 <DateTime
@@ -686,7 +690,9 @@ function getTagVersions(tag: string): VersionDisplay[] {
                         class="i-carbon-warning-hex w-3 h-3 shrink-0"
                         aria-hidden="true"
                       />
-                      {{ group.versions[0]?.version }}
+                      <span dir="ltr">
+                        {{ group.versions[0]?.version }}
+                      </span>
                     </NuxtLink>
                   </div>
                   <div class="flex items-center gap-2 shrink-0 pe-2">
@@ -743,7 +749,9 @@ function getTagVersions(tag: string): VersionDisplay[] {
                         class="i-carbon-warning-hex w-3 h-3 shrink-0"
                         aria-hidden="true"
                       />
-                      {{ v.version }}
+                      <span dir="ltr">
+                        {{ v.version }}
+                      </span>
                     </NuxtLink>
                     <div class="flex items-center gap-2 shrink-0 pe-2">
                       <DateTime