chore(website/NavbarVersionsSelector): update "useEffect" usage to not pass a async function

implement it like it is recommended in the react docs:
https://react.dev/reference/react/useEffect#fetching-data-with-effects

Author: hasezoey

website/src/components/NavbarVersionsSelector.js

@@ -45,9 +45,11 @@ function getVersions(props) {
   const baseUrl = '/mongodb-memory-server/';
   const [versions, setVersions] = useState([]);
 
-  useEffect(async () => {
+  useEffect(() => {
+    let ignore = false;
     const current_version = props.label;
-    const versions = await fetch('/mongodb-memory-server/versions.json')
+
+    fetch('/mongodb-memory-server/versions.json')
       .then((v) => v.json())
       .catch((err) => {
         console.log('json fetch errored, using default', err);
@@ -66,9 +68,16 @@ function getVersions(props) {
         return {
           [current_version]: '',
         };
+      })
+      .then((versions) => {
+        if (!ignore) {
+          setVersions(Object.entries(versions).map(([key, path]) => [key, baseUrl + path]));
+        }
       });
 
-    setVersions(Object.entries(versions).map(([key, path]) => [key, baseUrl + path]));
+    return () => {
+      ignore = true;
+    };
   }, []);
 
   return versions;