RTL will help to display the RTL languages properly. To enable RTL in the template follow the steps given below:

Step 1: Simply open src->app->Layouts->VerticalLayout->VerticalLayout.component.html file and add dir="rtl" on the top of the div. Whole site will be reflected as RTL.

Add dir="rtl" to that div and remove [dir]="layout" from the div. As shown in code.

<div dir="rtl" class="app-main theme-light sidebar sidebar-overlay-dark header-light {{isHeaderFilterClass}} {{isSidebarFilterClass}}" [ngClass] = "{'collapsed-sidebar': coreService.isCheckboxOpen}" [class.side-panel-opened]="coreService.sidebarOpen"  [class.side-panel-closed]="!coreService.sidebarOpen">
    
    .....
    .....
    
</div>