fix: Focus on empty document after creation

fix: Clicking in whitespace below document should focus
Remove unused component

app/components/Editor/Editor.js

@@ -280,9 +280,9 @@ const EditorTooltip = ({ children, ...props }) => (
   </Tooltip>
 );
 
-export default withRouter(
-  withTheme(
-    // $FlowIssue - https://github.com/facebook/flow/issues/6103
-    React.forwardRef((props, ref) => <Editor {...props} forwardedRef={ref} />)
-  )
-);
+const EditorWithRouterAndTheme = withRouter(withTheme(Editor));
+
+// $FlowIssue - https://github.com/facebook/flow/issues/6103
+export default React.forwardRef((props, ref) => (
+  <EditorWithRouterAndTheme {...props} forwardedRef={ref} />
+));

app/components/LoadingPlaceholder/LoadingPlaceholder.js

@@ -1,12 +1,13 @@
 // @flow
 import * as React from 'react';
+import styled from 'styled-components';
 import Mask from 'components/Mask';
 import Fade from 'components/Fade';
 import Flex from 'shared/components/Flex';
 
 export default function LoadingPlaceholder(props: Object) {
   return (
-    <Fade>
+    <Wrapper>
       <Flex column auto {...props}>
         <Mask height={34} />
         <br />
@@ -14,6 +15,11 @@ export default function LoadingPlaceholder(props: Object) {
         <Mask />
         <Mask />
       </Flex>
-    </Fade>
+    </Wrapper>
   );
 }
+
+const Wrapper = styled(Fade)`
+  display: block;
+  margin: 40px 0;
+`;