Change text direction if arabic is selected

src/App.vue

@@ -3,6 +3,7 @@
         id="app"
         :class="{ dark: darkModeEnabled }"
         :style="style"
+        :dir="dir"
     >
         <nav-header />
 
@@ -52,6 +53,12 @@ export default {
         ...mapState(['user', 'platform', 'wallpaperUrl', 'settings']),
         ...mapGetters(['darkModeEnabled']),
 
+        dir() {
+            return this.settings && this.settings.language === 'ar'
+                ? 'rtl'
+                : 'ltr';
+        },
+
         isPublic() {
             return this.$route.name === 'share-list';
         },