[FEATURE] Autocomplete & theming

src/pages/Home.jsx

@@ -1,9 +1,14 @@
+import { Link } from "react-router-dom";
 import { useState, useEffect } from "react";
 import Box from "@mui/material/Box";
 import Typography from "@mui/material/Typography";
-import ServerCard from "../servers/ServerCard.jsx";
-import RconDialog, { useRconDialog } from "../servers/RconDialog.jsx";
-import Overview from "../overview/Overview.jsx";
+import ServerCard from "@mcl/components/servers/ServerCard.jsx";
+import RconDialog, {
+  useRconDialog,
+} from "@mcl/components/servers/RconDialog.jsx";
+import Overview from "@mcl/components/overview/Overview.jsx";
+import Button from "@mui/material/Button";
+import SpeedDialIcon from "@mui/material/SpeedDialIcon";
 import "@mcl/css/server-card.css";
 import "@mcl/css/overview.css";
 import { useServerInstances } from "@mcl/queries";
@@ -53,7 +58,23 @@ export default function Home() {
         dialogToggle={rconToggle}
         serverName={server}
       />
-
+      <Button
+        component={Link}
+        to="/mcl/create"
+        color="primary"
+        variant="contained"
+        sx={{
+          position: "absolute",
+          bottom: 16,
+          right: 16,
+          padding: "1rem",
+          borderRadius: "100%",
+          height: "4rem",
+          width: "4rem",
+        }}
+      >
+        <SpeedDialIcon />
+      </Button>
     </Box>
   );
 }