fix: center icons on buttons

frontend/src/theme/Theme.ts

@@ -21,16 +21,24 @@ import { createTheme, type Theme } from "@mui/material/styles";
 
 export function createAppTheme(mode: "light" | "dark"): Theme {
     return createTheme({
+        components: {
+            MuiButton: {
+                styleOverrides: {
+                    startIcon: {
+                        alignItems: "center",
+                        display: "flex",
+                    },
+                },
+            },
+            MuiDialog: {
+                defaultProps: {
+                    fullWidth: true,
+                    maxWidth: "lg",
+                },
+            },
+        },
         palette: {
             mode,
         },
-        components: {
-            MuiDialog: {
-                defaultProps: {
-                    maxWidth: "lg",
-                    fullWidth: true,
-                },
-            },
-        },
     });
 }