feat: cleanup locale conf and add some RTL stuff (#564)

components/notification/NotificationGroupedFollow.vue

@@ -10,10 +10,16 @@ const { formatHumanReadableNumber, forSR } = useHumanReadableNumber()
 const count = $computed(() => items.items.length)
 const addSR = $computed(() => forSR(count))
 const isExpanded = ref(false)
+const lang = $computed(() => {
+  return count > 1 || count === 0 ? undefined : items.items[0].status?.language
+})
+const dir = $computed(() => {
+  return lang ? 'auto' : 'ltr'
+})
 </script>
 
 <template>
-  <article flex flex-col relative>
+  <article flex flex-col relative :lang="lang ?? undefined" :dir="dir">
     <div flex items-center top-0 left-2 pt-2 px-3>
       <div i-ri:user-follow-fill mr-3 color-primary aria-hidden="true" />
       <template v-if="count > 1">