Add account type

moneymgr_web/src/widgets/MoneyNavList.tsx

@@ -1,4 +1,4 @@
-import { mdiAccount, mdiApi, mdiCashMultiple, mdiHome } from "@mdi/js";
+import { mdiApi, mdiCashMultiple, mdiHome } from "@mdi/js";
 import Icon from "@mdi/react";
 import {
   Divider,
@@ -8,8 +8,10 @@ import {
   ListItemText,
   Typography,
 } from "@mui/material";
+import React from "react";
 import { useLocation } from "react-router-dom";
 import { useAccounts } from "../hooks/AccountsListProvider";
+import { AccountWidget } from "./AccountWidget";
 import { RouterLink } from "./RouterLink";
 
 export function MoneyNavList(): React.ReactElement {
@@ -59,7 +61,7 @@ export function MoneyNavList(): React.ReactElement {
         <NavLink
           label={a.name}
           uri={`/account/${a.id}`}
-          icon={<Icon path={mdiAccount} size={1} />}
+          icon={<AccountWidget account={a} />}
         />
       ))}
     </List>