feat: rtl display + dark theme improvements

client/components/admin.vue

@@ -5,7 +5,7 @@
         v-spacer
         .subheading.grey--text Administration Area
         v-spacer
-    v-navigation-drawer.pb-0.admin-sidebar(v-model='adminDrawerShown', app, fixed, clipped, left, permanent)
+    v-navigation-drawer.pb-0.admin-sidebar(v-model='adminDrawerShown', app, fixed, clipped, :right='$vuetify.rtl', permanent)
       vue-scroll(:ops='scrollStyle')
         v-list(dense)
           v-list-tile.pt-2(to='/dashboard')

client/components/admin/admin-locale.vue

@@ -199,8 +199,14 @@ export default {
       })
       const resp = _.get(respRaw, 'data.localization.updateLocale.responseResult', {})
       if (resp.succeeded) {
+        // Change UI language
         WIKI.$i18n.i18next.changeLanguage(this.selectedLocale)
         WIKI.$moment.locale(this.selectedLocale)
+
+        // Check for RTL
+        const curLocale = _.find(this.locales, ['code', this.selectedLocale])
+        this.$vuetify.rtl = curLocale && curLocale.isRTL
+
         this.$store.commit('showNotification', {
           message: 'Locale settings updated successfully.',
           style: 'success',

client/components/common/nav-header.vue

@@ -373,6 +373,11 @@ export default {
     right: 12px;
     border-radius: 4px !important;
 
+    @at-root .application--is-rtl & {
+      right: initial;
+      left: 12px;
+    }
+
     &::before {
       border-radius: 4px !important;
     }