fix: small height on mobile screen

client/src/App.jsx

@@ -1,4 +1,3 @@
-import { useState, useEffect } from 'react';
 import { Navigate, Route, Routes } from 'react-router-dom';
 
 // Store
@@ -17,23 +16,9 @@ import Settings from 'pages/Settings';
 
 function App() {
     const { isLoggedIn } = useAuth();
-    const [correctViewHeight, setCorrectViewHeight] = useState(
-        window.innerHeight * 0.01
-    );
-
-    // Set height for mobile so it doesn't get hidden in some browsers
-    useEffect(() => {
-        function setNewViewHeight() {
-            setCorrectViewHeight(window.innerHeight * 0.01)
-        }
-
-        window.addEventListener('resize', setNewViewHeight)
-
-        return () => window.removeEventListener('resize', setNewViewHeight)
-    }, []);
 
     return (
-        <div className={`flex flex-col-reverse md:flex-row max-h-[${correctViewHeight}px]`}>
+        <div className={`flex flex-col-reverse md:flex-row h-screen`}>
             {/* TODO: Create layouts */}
             {isLoggedIn && <NavBar />}
             <Routes>

client/src/pages/Settings.jsx

@@ -40,7 +40,7 @@ const Searching = () => {
 
     return (
         <div
-            className="md:flex md:justify-center md:items-center flex-col min-w-[calc(100%-120px)] p-2 gap-5 bg-primary md:min-h-screen min-h-full"
+            className="flex justify-center items-center flex-col min-w-[calc(100%-120px)] p-2 gap-5 bg-primary min-h-full"
         >
             <Form onSubmit={handleSubmit} onChange={handleChange}>
                 <Divider className="text-white">Notifications</Divider>

client/src/pages/Start.jsx

@@ -25,7 +25,6 @@ const Start = () => {
                 'min-w-[calc(100%-120px)]',
                 'text-white',
                 'min-h-full',
-                'md:min-h-screen'
             ])}
         >
             <RiUserSearchLine