refactor(mantine): migrate home page

inertia/components/common/mantine_theme_switcher.tsx

@@ -0,0 +1,16 @@
+import { useMantineColorScheme, ActionIcon } from '@mantine/core';
+import { TbSun, TbMoonStars } from 'react-icons/tb';
+
+export function MantineThemeSwitcher() {
+	const { colorScheme, toggleColorScheme } = useMantineColorScheme();
+	return (
+		<ActionIcon
+			variant="default"
+			aria-label="Toggle color scheme"
+			onClick={() => toggleColorScheme()}
+			size="lg"
+		>
+			{colorScheme === 'dark' ? <TbSun /> : <TbMoonStars />}
+		</ActionIcon>
+	);
+}