implement scroll restore

Author: renardeinside

package.json

@@ -16,6 +16,7 @@
   },
   "dependencies": {
     "@fontsource-variable/fira-code": "^5.1.0",
+    "@fontsource/space-mono": "^5.1.1",
     "@radix-ui/react-dialog": "^1.1.2",
     "@radix-ui/react-dropdown-menu": "^2.1.2",
     "@radix-ui/react-label": "^2.1.0",

src/components/Editor.tsx

@@ -45,7 +45,7 @@ const EditorView = ({ doc, firstLoad }: { doc: Y.Doc; firstLoad: boolean }) => {
           editor={editor}
           className="w-5/6 max-w-screen-xl flex-1"
         />
-        <div className="sticky bottom-0 h-64 w-full" onClick={() => {
+        <div className="h-32 w-full" onClick={() => {
           // Focus the editor at the end when clicking on the empty space
           editor.commands.focus("end");
         }}></div>

yarn.lock

@@ -373,6 +373,11 @@
   resolved "https://registry.npmjs.org/@fontsource-variable/fira-code/-/fira-code-5.1.0.tgz"
   integrity sha512-fwJbJLvyZ2BhgBSPYCNsrQ6IFQTpRu9GWXY8N20wHTpbhV0Ro5QJihiZV060Ay3kVR6IVH/oSVe/cr7Ube28gg==
 
+"@fontsource/space-mono@^5.1.1":
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/@fontsource/space-mono/-/space-mono-5.1.1.tgz#578ca4313f669eac19a98ea0c64b926005a980fe"
+  integrity sha512-v72P4frEQhldHTKQv0GqOF2JRRGhMrPAIj50v88qmW1aJW1SJAvjMtFOk/3D+L+dQM0fP2A1ZVzVkDbv8JGf7A==
+
 "@humanfs/core@^0.19.1":
   version "0.19.1"
   resolved "https://registry.npmjs.org/@humanfs/core/-/core-0.19.1.tgz"