feat: widget icons, dark theme tables, breadcrumb removal, bookkeeping rework, personal equipment pages, PDF/order improvements

frontend/src/theme/theme.ts

@@ -295,6 +295,60 @@ const darkThemeOptions: ThemeOptions = {
       main: '#22c55e',
     },
   },
+  components: {
+    ...lightThemeOptions.components,
+    MuiTableHead: {
+      styleOverrides: {
+        root: {
+          '& .MuiTableCell-head': {
+            textTransform: 'uppercase',
+            fontSize: '0.6875rem',
+            fontWeight: 600,
+            letterSpacing: '0.06em',
+            color: 'rgba(255, 255, 255, 0.5)',
+            borderBottom: '2px solid rgba(255, 255, 255, 0.08)',
+          },
+        },
+      },
+    },
+    MuiTableRow: {
+      styleOverrides: {
+        root: {
+          '&.MuiTableRow-hover:hover': {
+            backgroundColor: 'rgba(255, 255, 255, 0.04)',
+          },
+        },
+      },
+    },
+    MuiTableCell: {
+      styleOverrides: {
+        root: {
+          borderBottom: '1px solid rgba(255, 255, 255, 0.08)',
+        },
+      },
+    },
+    MuiCard: {
+      styleOverrides: {
+        root: {
+          borderRadius: 14,
+          border: '1px solid rgba(255, 255, 255, 0.06)',
+          boxShadow: '0 1px 2px rgba(0,0,0,0.2)',
+          transition: 'border-color 0.2s ease, box-shadow 0.2s ease',
+          '&:hover': {
+            borderColor: 'rgba(255, 255, 255, 0.12)',
+            boxShadow: '0 2px 8px rgba(0,0,0,0.3)',
+          },
+        },
+      },
+    },
+    MuiDivider: {
+      styleOverrides: {
+        root: {
+          borderColor: 'rgba(255, 255, 255, 0.08)',
+        },
+      },
+    },
+  },
 };
 
 export const lightTheme = createTheme(lightThemeOptions);