try to fix mobile scroll on space

app/page.tsx

@@ -5,7 +5,7 @@ import NoSSR from "@/components/no-ssr";
 
 export default function Home() {
   return (
-    <div id="content" className="pb-32 h-screen overflow-auto">
+    <div id="content" className="pb-32 h-screem overflow-auto">
       <Header />
       <NoSSR>
         <Main />

assets/globals.css

@@ -3,7 +3,7 @@
 @tailwind utilities;
 
 body, html {
-  @apply bg-black overflow-hidden
+  @apply bg-black h-screen;
 }
 
 .loading-dots {

components/modal/modal.tsx

@@ -1,6 +1,7 @@
 import { useMemo } from "react";
 import { motion } from "framer-motion";
 import Image from "next/image";
+import { useKeyPressEvent } from "react-use";
 import { BsFillTrashFill } from "react-icons/bs";
 import { AiFillCheckCircle } from "react-icons/ai";
 import {
@@ -11,7 +12,6 @@ import {
 import { useCollection } from "./useCollection";
 import { Button } from "../button";
 import { useUser } from "@/utils/useUser";
-import { useKeyPressEvent } from "react-use";
 
 interface Props {
   id: string;