remade frontend

frontend/src/Pages/Search/Search.tsx

@@ -0,0 +1,39 @@
+import { useEffect, useState } from "react";
+import { getServerList, type Server } from "../../Lib/Servers";
+import ServerSearch from "../../Components/ServerSearch/ServerSearch";
+import { useNavigate, useSearchParams } from "react-router-dom";
+import { Spinner } from "react-bootstrap";
+
+
+const Search = () => {
+  const [searchParams] = useSearchParams();
+  const [servers, setServers] = useState<Array<Server>>([]);
+  const navigate = useNavigate();
+
+  const searchTerm = searchParams.get("search") || "";
+
+  useEffect(() => {
+    if (searchTerm === "") {
+      alert(`Error search term missing: ${searchTerm}`);
+      navigate("/");
+    }
+
+    getServerList().then(servers => {
+      setServers(servers);
+    }).catch(e => {
+      alert(e);
+    });
+  }, [searchTerm]);
+
+  return (
+    <>
+      {servers.length > 0 ? servers.map(server => {
+        return <ServerSearch searchTerm={searchTerm} server={server} />
+      })
+        :
+        <Spinner />}
+    </>
+  )
+}
+
+export default Search;