update top navigation and overal theme

src/app/components/Discord/DiscordButton.tsx

@@ -1,14 +1,17 @@
-import { Box, Button } from "@mui/material";
+import { Box, Button, Tooltip } from "@mui/material";
 export const DiscordButton = () => {
   return (
     <Box>
-      <Button
-        href="https://discord.gg/MDapvGyw"
-        target="_blank"
-        style={{ width: "100%" }}
-      >
-        Discord
-      </Button>
+      <Tooltip title="Come nerd out in discord about PI and this tool">
+        <Button
+          href="https://discord.gg/MDapvGyw"
+          target="_blank"
+          style={{ width: "100%" }}
+          sx={{ my: 2, color: "white", display: "block" }}
+        >
+          Discord
+        </Button>
+      </Tooltip>
     </Box>
   );
 };