feat: add frontend

assets/components/ToggleColorMode.tsx

@@ -0,0 +1,33 @@
+import * as React from 'react';
+import {PaletteMode} from '@mui/material';
+import IconButton, {IconButtonProps} from '@mui/material/IconButton';
+
+import WbSunnyRoundedIcon from '@mui/icons-material/WbSunnyRounded';
+import ModeNightRoundedIcon from '@mui/icons-material/ModeNightRounded';
+
+interface ToggleColorModeProps extends IconButtonProps {
+    mode: PaletteMode;
+    toggleColorMode: () => void;
+}
+
+export default function ToggleColorMode({
+                                            mode,
+                                            toggleColorMode,
+                                            ...props
+                                        }: ToggleColorModeProps) {
+    return (
+        <IconButton
+            onClick={toggleColorMode}
+            color="primary"
+            aria-label="Theme toggle button"
+            size="small"
+            {...props}
+        >
+            {mode === 'dark' ? (
+                <WbSunnyRoundedIcon fontSize="small"/>
+            ) : (
+                <ModeNightRoundedIcon fontSize="small"/>
+            )}
+        </IconButton>
+    );
+}