[WEB-30] [EDITOR] inserting block immediately focuses input (#344)

* First attempt to autofocus on new blocks using forward refs

* Finished problem by adding autofocus prop to Editable component

* Removed code related to old implementation of autofocus

---------

Co-authored-by: Josh Ramos <josh.ramos@student.unsw.edu.au>

Author: josh-ramos-22

frontend/src/packages/editor/components/EditorBlock.tsx

@@ -112,6 +112,7 @@ const EditorBlock: FC<CMSBlockProps> = ({
           onClick={() => onEditorClick()}
           style={{ width: '100%', height: '100%' }}
           onKeyDown={(event) => handleKey(event, editor)}
+          autoFocus
         />
       </ContentBlock>
     </Slate>

frontend/src/packages/editor/components/HeadingBlock.tsx

@@ -65,6 +65,7 @@ const HeadingBlock: FC<CMSBlockProps> = ({
           onClick={() => onEditorClick()}
           style={{ width: "100%", height: "100%" }}
           onKeyDown={(event) => handleKey(event, editor)}
+          autoFocus
         />
       </ContentBlock>
     </Slate>