fix code block and code editor display on rtl languages by forcing ltr view.

src/ui/elements/CodeBlock.tsx

@@ -16,6 +16,7 @@ export function CodeBlock(props: CodeBlockProps): JSX.Element {
   return (
     <pre
       class="code-block language-json line-numbers"
+      dir="ltr"
       dangerouslySetInnerHTML={{ __html: highlightedCode }}
     />
   );

src/ui/elements/CodeEditor.tsx

@@ -50,7 +50,7 @@ export class CodeEditor extends Component<CodeEditorProps, unknown> {
 
   render(): JSX.Element {
     return (
-      <div class={"editor line-numbers language-" + this.props.language} ref={this.editorRef} />
+      <div dir="ltr" class={"editor line-numbers language-" + this.props.language} ref={this.editorRef} />
     );
   }
 }