fix(text-editor): ensure tabbing into the editor will focus on input …

…area first

and next time you press Tab, the action bar items
will receive focus.

src/components/text-editor/prosemirror-adapter/prosemirror-adapter.scss

@@ -1,7 +1,16 @@
 @use '../../../style/internal/shared_input-select-picker.scss';
 
 :host(limel-prosemirror-adapter) {
-    display: block;
+    display: flex;
+    flex-direction: column;
+
+    limel-action-bar {
+        order: 1;
+    }
+
+    div#editor {
+        order: 2;
+    }
 }
 
 * {

src/components/text-editor/prosemirror-adapter/prosemirror-adapter.tsx

@@ -86,12 +86,12 @@ export class ProsemirrorAdapter {
 
     public render() {
         return [
+            <div id="editor" />,
             <limel-action-bar
                 accessibleLabel="Toolbar"
                 actions={this.actionBarItems}
                 onItemSelected={this.handleActionBarItem}
             />,
-            <div id="editor" />,
         ];
     }