i18n implemented

app/components/ui/sidebar/Sidebar.vue

@@ -42,8 +42,8 @@ const { isMobile, state, openMobile, setOpenMobile } = useSidebar()
       }"
     >
       <SheetHeader class="sr-only">
-        <SheetTitle>Sidebar</SheetTitle>
-        <SheetDescription>Displays the mobile sidebar.</SheetDescription>
+        <SheetTitle>{{ $t('misc.sidebar') }}</SheetTitle>
+        <SheetDescription>{{ $t('misc.sidebarDesc') }}</SheetDescription>
       </SheetHeader>
       <div class="flex h-full w-full flex-col">
         <slot />

app/components/ui/sidebar/SidebarRail.vue

@@ -14,9 +14,9 @@ const { toggleSidebar } = useSidebar()
   <button
     data-sidebar="rail"
     data-slot="sidebar-rail"
-    aria-label="Toggle Sidebar"
+    :aria-label="$t('misc.toggleSidebar')"
     :tabindex="-1"
-    title="Toggle Sidebar"
+    :title="$t('misc.toggleSidebar')"
     :class="cn(
       'hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:start-1/2 after:w-0.5 sm:flex ltr:-translate-x-1/2 rtl:-translate-x-1/2',
       'in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize',

app/components/ui/sidebar/SidebarTrigger.vue

@@ -22,6 +22,6 @@ const { toggleSidebar } = useSidebar()
     @click="toggleSidebar"
   >
     <Icon name="ph:sidebar-fill" class="cn-rtl-flip" />
-    <span class="sr-only">Toggle Sidebar</span>
+    <span class="sr-only">{{ $t('misc.toggleSidebar') }}</span>
   </Button>
 </template>