feat: add RTL support to code/[...path] page (#359)

Author: userquin

app/pages/code/[...path].vue

@@ -329,7 +329,7 @@ useSeoMeta({
 
     <!-- Loading state -->
     <div v-else-if="treeStatus === 'pending'" class="container py-20 text-center">
-      <div class="i-svg-spinners-ring-resize w-8 h-8 mx-auto text-fg-muted" />
+      <div class="i-svg-spinners:ring-resize w-8 h-8 mx-auto text-fg-muted" />
       <p class="mt-4 text-fg-muted">{{ $t('code.loading_tree') }}</p>
     </div>
 
@@ -343,7 +343,7 @@ useSeoMeta({
     <div v-else-if="fileTree" class="flex flex-1">
       <!-- File tree sidebar - sticky with internal scroll -->
       <aside
-        class="w-64 lg:w-72 border-r border-border shrink-0 hidden md:block bg-bg-subtle sticky top-28 self-start h-[calc(100vh-7rem)] overflow-y-auto"
+        class="w-64 lg:w-72 border-ie border-border shrink-0 hidden md:block bg-bg-subtle sticky top-28 self-start h-[calc(100vh-7rem)] overflow-y-auto"
       >
         <CodeFileTree
           :tree="fileTree.tree"
@@ -385,7 +385,7 @@ useSeoMeta({
                 class="px-2 py-1 font-mono text-xs text-fg-muted bg-bg-subtle border border-border rounded hover:text-fg hover:border-border-hover transition-colors inline-flex items-center gap-1"
               >
                 {{ $t('code.raw') }}
-                <span class="i-carbon-launch w-3 h-3" />
+                <span class="i-carbon:launch w-3 h-3" />
               </a>
             </div>
           </div>
@@ -399,7 +399,7 @@ useSeoMeta({
 
         <!-- File too large warning -->
         <div v-else-if="isViewingFile && isFileTooLarge" class="py-20 text-center">
-          <div class="i-carbon-document w-12 h-12 mx-auto text-fg-subtle mb-4" />
+          <div class="i-carbon:document w-12 h-12 mx-auto text-fg-subtle mb-4" />
           <p class="text-fg-muted mb-2">{{ $t('code.file_too_large') }}</p>
           <p class="text-fg-subtle text-sm mb-4">
             {{ $t('code.file_size_warning', { size: formatBytes(currentNode?.size ?? 0) }) }}
@@ -411,7 +411,7 @@ useSeoMeta({
             class="btn inline-flex items-center gap-2"
           >
             {{ $t('code.view_raw') }}
-            <span class="i-carbon-launch w-4 h-4" />
+            <span class="i-carbon:launch w-4 h-4" />
           </a>
         </div>
 
@@ -423,7 +423,7 @@ useSeoMeta({
           :aria-label="$t('common.loading')"
         >
           <!-- Fake line numbers column -->
-          <div class="shrink-0 bg-bg-subtle border-r border-border w-14 py-0">
+          <div class="shrink-0 bg-bg-subtle border-ie border-border w-14 py-0">
             <div v-for="n in 20" :key="n" class="px-3 h-6 flex items-center justify-end">
               <span class="skeleton w-4 h-3 rounded-sm" />
             </div>
@@ -455,7 +455,7 @@ useSeoMeta({
 
         <!-- Error loading file -->
         <div v-else-if="filePath && fileStatus === 'error'" class="py-20 text-center" role="alert">
-          <div class="i-carbon-warning-alt w-8 h-8 mx-auto text-fg-subtle mb-4" />
+          <div class="i-carbon:warning-alt w-8 h-8 mx-auto text-fg-subtle mb-4" />
           <p class="text-fg-muted mb-2">{{ $t('code.failed_to_load') }}</p>
           <p class="text-fg-subtle text-sm mb-4">{{ $t('code.unavailable_hint') }}</p>
           <a
@@ -465,7 +465,7 @@ useSeoMeta({
             class="btn inline-flex items-center gap-2"
           >
             {{ $t('code.view_raw') }}
-            <span class="i-carbon-launch w-4 h-4" />
+            <span class="i-carbon:launch w-4 h-4" />
           </a>
         </div>