Leaf icon: use mdi-material-ui

src/assets/icons/Leaf.tsx

@@ -1,10 +0,0 @@
-import SvgIcon, { SvgIconProps } from "@mui/material/SvgIcon";
-import { mdiLeaf } from "@mdi/js";
-
-export default function Leaf(props: SvgIconProps) {
-  return (
-    <SvgIcon {...props}>
-      <path d={mdiLeaf} />
-    </SvgIcon>
-  );
-}

src/assets/icons/index.ts

@@ -88,6 +88,12 @@ export { LanguageMarkdownOutline as Markdown };
 import { TableRow } from "mdi-material-ui";
 export { TableRow as Row };
 
+import { Table } from "mdi-material-ui";
+export { Table };
+
+import { Leaf } from "mdi-material-ui";
+export { Leaf };
+
 export * from "./AddRow";
 export * from "./AddRowTop";
 export * from "./ChevronDown";

src/components/Settings/RegionSelect.tsx

@@ -2,7 +2,7 @@ import { sortBy } from "lodash-es";
 
 import MultiSelect from "@rowy/multiselect";
 import { Grid } from "@mui/material";
-import LeafIcon from "@src/assets/icons/Leaf";
+import { Leaf as LeafIcon } from "@src/assets/icons";
 
 import { CLOUD_RUN_REGIONS } from "@src/constants/regions";