rtl direction for arabic added

src/app/_services/pages.service.ts

@@ -36,6 +36,10 @@ export class PagesService {
     this.rootPagesSubject.next(val);
   }
 
+  get isRtl() {
+    return ['ar'].indexOf(this.rootPage?.slug) !== -1;
+  }
+
   get editMode() {
     return this.editModeSubject.value;
   }

src/app/app.component.html

@@ -1 +1 @@
-<grid></grid>
+<grid [class.rtl]="isRtl"></grid>

src/app/app.component.scss

@@ -0,0 +1,3 @@
+.rtl {
+  direction: rtl;
+}

src/app/app.component.ts

@@ -18,6 +18,10 @@ export class AppComponent {
     });
   }
 
+  get isRtl() {
+    return this.pagesService.isRtl;
+  }
+
   ngOnInit() {
     this.pagesService.root({include:'children'}).subscribe(
       res => { this.pagesService.rootPages = res }