Add CTAs for GitHub source and LinkedIn

Author: jamesmcroft

src/App.jsx

@@ -17,7 +17,7 @@ import {
   AccordionDetails,
   Box,
 } from "@mui/material";
-import { Add, Delete, FileCopy } from "@mui/icons-material";
+import { Add, Delete, FileCopy, GitHub, LinkedIn } from "@mui/icons-material";
 import { useBoundStore } from "./stores";
 
 function App() {
@@ -327,6 +327,38 @@ function App() {
                 </AccordionDetails>
               )}
             </Accordion>
+
+            <Box mt={4} textAlign="center">
+              <Typography variant="body2">Created by James Croft.</Typography>
+            </Box>
+            <Box
+              sx={{
+                display: "flex",
+                flexDirection: "column",
+                mt: 2,
+                gap: 1,
+              }}
+            >
+              <Button
+                fullWidth
+                variant="outlined"
+                color="dark"
+                startIcon={<GitHub />}
+                href="https://github.com/jamesmcroft/openai-image-token-calculator"
+                target="_blank"
+              >
+                View Source on GitHub
+              </Button>
+              <Button
+                variant="outlined"
+                color="primary"
+                startIcon={<LinkedIn />}
+                href="https://www.linkedin.com/in/jmcroft"
+                target="_blank"
+              >
+                View Profile on LinkedIn
+              </Button>
+            </Box>
           </Grid>
         </Grid>
       </Container>