feat(lang): RTL fonts.

client/src/style/pages/fonts.scss

@@ -29,3 +29,93 @@
   font-weight: 900;
   font-display: swap;
 }
+
+// arabic regular
+@font-face {
+  font-family: Noto Sans Arabic;
+  src: local('Noto Sans'),
+    url('../fonts/NotoSansArabicUI-Regular.woff') format('woff');
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+}
+
+// arabic black
+@font-face {
+  font-family: Noto Sans Arabic;
+  src: local('Noto Sans'),
+    url('../fonts/NotoSansArabicUI-Black.woff') format('woff');
+  font-style: normal;
+  font-weight: 900;
+  font-display: swap;
+}
+
+// arabic Bold
+@font-face {
+  font-family: Noto Sans Arabic;
+  src: local('Noto Sans'),
+    url('../fonts/NotoSansArabicUI-Bold.woff') format('woff');
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+}
+
+// arabic ExtraBold
+@font-face {
+  font-family: Noto Sans Arabic;
+  src: local('Noto Sans'),
+    url('../fonts/NotoSansArabicUI-ExtraBold.woff') format('woff');
+  font-style: normal;
+  font-weight: 800;
+  font-display: swap;
+}
+
+//arabic light
+@font-face {
+  font-family: Noto Sans Arabic;
+  src: local('Noto Sans'),
+    url('../fonts/NotoSansArabicUI-Light.woff') format('woff');
+  font-style: normal;
+  font-weight: 300;
+  font-display: swap;
+}
+
+//arabic ExtraLight
+@font-face {
+  font-family: Noto Sans Arabic;
+  src: local('Noto Sans'),
+    url('../fonts/NotoSansArabicUI-ExtraLight.woff') format('woff');
+  font-style: normal;
+  font-weight: 200;
+  font-display: swap;
+}
+
+//arabic Medium
+@font-face {
+  font-family: Noto Sans Arabic;
+  src: local('Noto Sans'),
+    url('../fonts/NotoSansArabicUI-Medium.woff') format('woff');
+  font-style: normal;
+  font-weight: 500;
+  font-display: swap;
+}
+
+//arabic SemiBold
+@font-face {
+  font-family: Noto Sans Arabic;
+  src: local('Noto Sans'),
+    url('../fonts/NotoSansArabicUI-SemiBold.woff') format('woff');
+  font-style: normal;
+  font-weight: 600;
+  font-display: swap;
+}
+
+//arabic Thin
+@font-face {
+  font-family: Noto Sans Arabic;
+  src: local('Noto Sans'),
+    url('../fonts/NotoSansArabicUI-Thin.woff') format('woff');
+  font-style: normal;
+  font-weight: 100;
+  font-display: swap;
+}

client/src/style/variables.scss

@@ -16,8 +16,9 @@ $menu-item-color-active: $light-gray3;
 $breadcrumbs-collapsed-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#6B8193' enable-background='new 0 0 16 16' xml:space='preserve'><g><circle cx='2' cy='8.03' r='2'/><circle cx='14' cy='8.03' r='2'/><circle cx='8' cy='8.03' r='2'/></g></svg>");
 
 $sidebar-zindex: 15;
-$pt-font-family: Noto Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
+$pt-font-family: Noto Sans Arabic, Noto Sans, -apple-system, BlinkMacSystemFont,
-  Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, Icons16, sans-serif;
+  Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue,
+  Icons16, sans-serif;
 
 $button-box-shadow: 0 0 0 !default;
 $button-box-shadow-active: 0 0 0 !default;