implement character backup

src/app/components/MainGrid.tsx

@@ -4,6 +4,7 @@ import { LoginButton } from "./Login/LoginButton";
 import { AccountCard } from "./Account/AccountCard";
 import { AccessToken } from "@/types";
 import { CharacterContext } from "../context/Context";
+import { DowloadButton } from "./Backup/DowloadButton";
 
 interface Grouped {
   [key: string]: AccessToken[];
@@ -24,6 +25,7 @@ export const MainGrid = ({ sessionReady }: { sessionReady: boolean }) => {
         <Grid item xs={2}>
           <Stack direction="row" spacing={1}>
             <LoginButton />
+            <DowloadButton />
           </Stack>
         </Grid>
       </Grid>