Add basic Excel export

moneymgr_web/src/routes/BackupRoute.tsx

@@ -20,6 +20,7 @@ import { useLoadingMessage } from "../hooks/context_providers/LoadingMessageProv
 import { useSnackbar } from "../hooks/context_providers/SnackbarProvider";
 import { MoneyMgrWebRouteContainer } from "../widgets/MoneyMgrWebRouteContainer";
 import { RouterLink } from "../widgets/RouterLink";
+import excelIcon from "./excel.svg";
 
 export function BackupRoute(): React.ReactElement {
   return (
@@ -63,6 +64,14 @@ export function BackupRoute(): React.ReactElement {
           exportURL={BackupApi.FinancesManagerExportURL}
           onImport={BackupApi.FinancesManagerImport}
         />
+
+        {/* Excel */}
+        <ImportExportModal
+          icon={<img src={excelIcon} width={"25em"} />}
+          label="Excel"
+          description={"Export data in Excel format"}
+          exportURL={BackupApi.ExcelExportURL()}
+        />
       </Grid>
     </MoneyMgrWebRouteContainer>
   );