add github button

src/app/components/Characters/CharacterRow.tsx

@@ -51,7 +51,7 @@ export const CharacterRow = ({ character }: { character: AccessToken }) => {
           height={120}
           style={{ marginBottom: "0.2rem", borderRadius: 8 }}
         />
-        <Button style={{ padding: 3, fontSize: "0.5rem" }} variant="outlined">
+        <Button style={{ padding: 3, fontSize: "0.6rem" }} variant="outlined">
           {character.character.name}
         </Button>
       </Box>

src/app/components/Github/GitHubButton.tsx

@@ -0,0 +1,14 @@
+import { Box, Button } from "@mui/material";
+export const GitHubButton = () => {
+  return (
+    <Box>
+      <Button
+        href="https://github.com/calli-eve/eve-pi"
+        target="_blank"
+        style={{ width: "100%" }}
+      >
+        GitHub
+      </Button>
+    </Box>
+  );
+};

src/app/components/MainGrid.tsx

@@ -6,6 +6,7 @@ import { AccessToken } from "@/types";
 import { CharacterContext } from "../context/Context";
 import { DowloadButton } from "./Backup/DowloadButton";
 import { DiscordButton } from "./Discord/DiscordButton";
+import { GitHubButton } from "./Github/GitHubButton";
 
 interface Grouped {
   [key: string]: AccessToken[];
@@ -28,6 +29,7 @@ export const MainGrid = ({ sessionReady }: { sessionReady: boolean }) => {
             <LoginButton />
             <DowloadButton />
             <DiscordButton />
+            <GitHubButton />
           </Stack>
         </Grid>
       </Grid>