♻️ Improved code structure for layout, remove most settings components

src/components/layout/Common/useGradient.tsx

@@ -0,0 +1,13 @@
+import { MantineGradient } from '@mantine/core';
+
+import { useColorTheme } from '../../../tools/color';
+
+export const usePrimaryGradient = (): MantineGradient => {
+  const { primaryColor, secondaryColor } = useColorTheme();
+
+  return {
+    from: primaryColor,
+    to: secondaryColor,
+    deg: 145,
+  };
+};