[FEATURE] Basic System with file manager (#4)

Co-authored-by: dunemask <dunemask@gmail.com>
Co-authored-by: Dunemask <dunemask@gmail.com>
Reviewed-on: https://gitea.dunemask.dev/elysium/minecluster/pulls/4

src/pages/Home.jsx

@@ -1,19 +1,25 @@
+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";
 
 export default function Home() {
+  const clusterMetrics = { cpu: 0, memory: 0 };
   const [server, setServer] = useState();
   const [servers, setServers] = useState([]);
   const [rdOpen, rconToggle] = useRconDialog();
   const { isLoading, data: serversData } = useServerInstances();
-  const { servers: serverInstances, clusterMetrics } = serversData ?? {};
+  const serverInstances = serversData ?? [];
   useEffect(() => {
     if (!serverInstances) return;
     serverInstances.sort((a, b) => a.name.localeCompare(b.name));
@@ -53,6 +59,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>
   );
 }