💄(frontend) add spacing bottom on editor

We add spacing bottom on editor to
avoid the last editing line being to close to
the bottom.

src/frontend/apps/impress/src/features/docs/doc-editor/components/DocEditor.tsx

@@ -5,7 +5,6 @@ import { css } from 'styled-components';
 import * as Y from 'yjs';
 
 import { Box, Text, TextErrors } from '@/components';
-import { useCunninghamTheme } from '@/cunningham';
 import { DocHeader, DocVersionHeader } from '@/docs/doc-header/';
 import {
   Doc,
@@ -26,9 +25,6 @@ interface DocEditorProps {
 export const DocEditor = ({ doc, versionId }: DocEditorProps) => {
   const { isDesktop } = useResponsiveStore();
   const isVersion = !!versionId && typeof versionId === 'string';
-
-  const { colorsTokens } = useCunninghamTheme();
-
   const { provider } = useProviderStore();
 
   if (!provider) {
@@ -66,7 +62,6 @@ export const DocEditor = ({ doc, versionId }: DocEditorProps) => {
         </Box>
 
         <Box
-          $background={colorsTokens['primary-bg']}
           $direction="row"
           $width="100%"
           $css="overflow-x: clip; flex: 1;"

src/frontend/apps/impress/src/features/docs/doc-editor/styles.tsx

@@ -5,6 +5,7 @@ export const cssEditor = (readonly: boolean) => css`
   & > .bn-container,
   & .ProseMirror {
     height: 100%;
+    padding-bottom: 2rem;
 
     img.bn-visual-media[src*='-unsafe'] {
       pointer-events: none;