add rtl hinting for new graph + move code rtl hints to style file

frontend/src/app/components/api-docs/code-template.component.html

@@ -1,4 +1,4 @@
-<div class="code" dir="ltr" style="text-align: left !important;">
+<div class="code">
   <ul ngbNav #navCodeTemplate="ngbNav" class="nav-tabs code-tab">
     <li ngbNavItem *ngIf="code.codeTemplate.curl && method !== 'websocket'">
       <a ngbNavLink>cURL</a>

frontend/src/styles.scss

@@ -746,6 +746,30 @@ th {
       margin-right: 0 !important;
       margin-left: 0.5rem !important;
     }
+
+    .code {
+      @extend .code;
+      text-align: left !important;
+      direction: ltr;
+      .subtitle {
+        @extend .subtitle;
+        direction: rtl;
+        text-align: right !important;
+      }
+    }
+
+    .container-graph {
+      @extend .container-graph;
+      .formRadioGroup {
+        @extend .formRadioGroup;
+        direction: ltr;
+      }
+    }
+
+    .mempool-graph {
+      @extend .mempool-graph;
+      direction: ltr;
+    }
 }