feat: radius for inputs and buttons, shadow changes

components/ColorSchemeToggle/ActionToggle.module.css

@@ -1,5 +1,6 @@
 .container {
   @mixin dark {
+    background-color: var(--mantine-color-dark-7);
     box-shadow: 0 2px 4px var(--mantine-color-dark-6),
     0 4px 24px var(--mantine-color-dark-6);
   }

components/ColorSchemeToggle/ColorSchemeToggle.tsx

@@ -15,16 +15,16 @@ export function ColorSchemeToggle() {
         getInitialValueInEffect: true,
     });
 
+    const toggleColorScheme = () => {
+        setColorScheme(computedColorScheme === "light" ? "dark" : "light");
+    };
+
     return (
         <ActionIcon
-            onClick={() =>
-                setColorScheme(
-                    computedColorScheme === "light" ? "dark" : "light"
-                )
-            }
+            onClick={toggleColorScheme}
             variant="default"
             size="xl"
-            radius="md"
+            radius="lg"
             aria-label="Toggle color scheme"
             className={style.container}>
             <IconSun