fix: Add additional padding at the bottom of documents when editing

app/components/ClickablePadding.ts

@@ -1,7 +1,7 @@
 import styled from "styled-components";
 
 const ClickablePadding = styled.div<{ grow?: boolean }>`
-  min-height: 10em;
+  min-height: 50vh;
   cursor: ${({ onClick }) => (onClick ? "text" : "default")};
   ${({ grow }) => grow && `flex-grow: 100;`};
 `;