feat: add rtl support (#2178)

frontend/src/css/base.css

@@ -5,6 +5,10 @@ body {
   color: #333333;
 }
 
+body.rtl {
+  direction: rtl;
+}
+
 * {
   box-sizing: border-box;
 }
@@ -58,6 +62,11 @@ nav {
   left: 0;
 }
 
+body.rtl nav {
+  left: unset;
+  right: 0;
+}
+
 nav .action {
   width: 100%;
   display: block;
@@ -69,6 +78,11 @@ nav .action {
   text-overflow: ellipsis;
 }
 
+body.rtl .action {
+  direction: rtl;
+  text-align: right;
+}
+
 nav > div {
   border-top: 1px solid rgba(0, 0, 0, 0.05);
 }
@@ -101,6 +115,10 @@ main {
   border-radius: 0.125em;
 }
 
+body.rtl .breadcrumbs a {
+  transform: translateX(-16em);
+}
+
 .breadcrumbs a:hover {
   background-color: rgba(0, 0, 0, 0.05);
 }