feat(frontend): make mongodb connection very simple

Author: hkdeman

frontend/src/components/table.tsx

@@ -217,10 +217,10 @@ const TData: FC<ITDataProps> = ({ cell, onCellUpdate, disableEdit }) => {
                                 transform: "unset",
                             }}
                             animate={{
-                                top: preview ? "25vh" : "35vh",
-                                left: "25vw",
-                                height: preview ? "50vh" : "30vh",
-                                width: "50vw",
+                                top: "20vh",
+                                left: "20vw",
+                                height: "60vh",
+                                width: "60vw",
                             }}
                             exit={{
                                 top: cellRect.top,

frontend/src/pages/auth/login.tsx

@@ -168,7 +168,7 @@ export const LoginPage: FC = () => {
         setUsername(url.username);
         setPassword(url.password);
         setDatabase(url.pathname.substring(1));
-        setAdvancedForm({ "Port": url.port, "URL Params": `?${url.searchParams.toString()}` });
+        setAdvancedForm({ "Port": url.port.length > 0 ? url.port : "80", "URL Params": `?${url.searchParams.toString()}` });
         if (url.port != null || url.searchParams.size !== 0) {
             setShowAdvanced(true);
         }