[frontend]: Fix filters / search bar overlapping on mobile

frontend/src/App.jsx

@@ -379,7 +379,8 @@ function App() {
                     path="/"
                     element={
                         <div style={{ height: "100vh", width: "100vw", display: "flex", position: "relative", paddingTop: "5vh" }}>
-                            {loading && <LoadingOverlay message={"Loading data..."} />} <div
+                            {loading && <LoadingOverlay message={"Loading data..."} />}
+                            <div
                                 style={{
                                     position: "absolute",
                                     top: "1vh",
@@ -387,7 +388,8 @@ function App() {
                                     width: "250px", minWidth: "50px",
                                     left: "50%",
                                     transform: "translateX(-50%)",
-                                zIndex: 1000
+                                    zIndex: 1000,
+                                    ...(window.innerWidth < 800 ? { top: "auto", bottom: "10vh" } : {})
                                 }}
                             >
                                 <input
@@ -402,7 +404,6 @@ function App() {
                                     }}
                                 />
                             </div>
-
                             <Sidebar
                                 selectedSources={selectedSources}
                                 setSelectedSources={setSelectedSources}

frontend/src/components/Sidebar.jsx

@@ -161,7 +161,7 @@ const Sidebar = ({ selectedSources, setSelectedSources, clusteringEnabled, setCl
 
     return (
         <div style={{
-            position: "absolute", top: window.innerWidth < 900 ? "8vh" : "6vh", right: "1vh",
+            position: "absolute", top: "6vh", right: "1vh",
             width: "250px", minWidth: "50px",
             padding: isOpen ? "10px" : "5px 10px", background: "rgba(255, 255, 255, 0.9)", color: "black",
             borderRadius: "10px", transition: "height 0.2s ease-in-out, padding 0.2s ease-in-out",