안드로이드 하단 버튼 대응응

app/components/NavBar.tsx

@@ -21,7 +21,7 @@ const NavBar: React.FC<NavBarProps> = ({ isOpen, setIsOpen, user }) => {
       bg-white 
       text-black 
       p-4
-      h-[100vh]
+      h-[100dvh]
       overflow-y-auto
       flex-col
       flex
@@ -36,7 +36,9 @@ const NavBar: React.FC<NavBarProps> = ({ isOpen, setIsOpen, user }) => {
       lg:min-w-[300px] 
       lg:basis-[300px] 
       lg:shirink-0 
-      lg:ml-5 sm:mr-5`}>
+      lg:ml-5 sm:mr-5`}
+      style={{ paddingBottom: 'max(env(safe-area-inset-bottom), 1rem)' }}
+    >
         <div className="flex-0 hidden lg:block">
           <Link href="/">
             <div className="flex items-center justify-center gap-1 mb-5 p-2 cursor-pointer">