add support project button

src/app/components/AppBar/AppBar.tsx

@@ -19,6 +19,8 @@ import { LoginButton } from "../Login/LoginButton";
 import { PlanModeButton } from "../PlanModeButton/PlanModeButton";
 import { SettingsButton } from "../Settings/SettingsButtons";
 import { AlertModeButton } from "../AlertModeButton/AlertModeButton";
+import { SupportButton } from "../SupportButton/SupportButton";
+
 
 function ResponsiveAppBar() {
   const [anchorElNav, setAnchorElNav] = React.useState<null | HTMLElement>(
@@ -103,6 +105,9 @@ function ResponsiveAppBar() {
               <MenuItem onClick={handleCloseNavMenu}>
                 <CCPButton />
               </MenuItem>
+              <MenuItem onClick={handleCloseNavMenu}>
+                <SupportButton />
+              </MenuItem>
               <MenuItem onClick={handleCloseNavMenu}>
                 <SettingsButton />
               </MenuItem>
@@ -150,6 +155,7 @@ function ResponsiveAppBar() {
             <DiscordButton />
             <GitHubButton />
             <CCPButton />
+            <SupportButton />
             <SettingsButton />
             <CompactModeButton />
             <PlanModeButton />

src/app/components/SupportButton/SupportButton.tsx

@@ -0,0 +1,23 @@
+import { Box, Button, Tooltip } from "@mui/material";
+export const SupportButton = () => {
+  return (
+    <Box>
+      <Tooltip
+        title={`
+          Consider using code 'CALLIEVE' on EVE store checkout to support the project! Click to copy to clipboard ;)
+        `}
+      >
+        <Button
+          href=""
+          style={{ width: "100%" }}
+          sx={{ color: "white", display: "block" }}
+          onClick={() => {
+            navigator.clipboard.writeText("CALLIEVE");
+          }}
+        >
+          CALLIEVE
+        </Button>
+      </Tooltip>
+    </Box>
+  );
+};