feat: boards on desktop as on mobile

src/components/ui/ColorSchemeToggle/ColorSchemeToggle.module.css

@@ -1,5 +1,4 @@
 .container {
-    border-width: 0;
     @mixin dark {
         background-color: var(--mantine-color-dark-7);
     }

src/components/ui/ColorSchemeToggle/ColorSchemeToggle.tsx

@@ -7,7 +7,6 @@ import {
     useComputedColorScheme,
     useMantineColorScheme,
 } from "@mantine/core";
-import SmallPageBlock from "@/components/layout/SmallPageBlock/SmallPageBlock";
 import style from "./ColorSchemeToggle.module.css";
 
 export function ColorSchemeToggle() {
@@ -21,23 +20,21 @@ export function ColorSchemeToggle() {
     };
 
     return (
-        <SmallPageBlock>
-            <ActionIcon
-                onClick={toggleColorScheme}
-                variant="default"
-                size="xl"
-                radius="lg"
-                aria-label="Toggle color scheme"
-                className={style.container}>
-                <IconSun
-                    className={classNames(style.icon, style.light)}
-                    stroke={1.5}
-                />
-                <IconMoon
-                    className={classNames(style.icon, style.dark)}
-                    stroke={1.5}
-                />
-            </ActionIcon>
-        </SmallPageBlock>
+        <ActionIcon
+            onClick={toggleColorScheme}
+            variant="default"
+            size="xl"
+            radius="lg"
+            aria-label="Toggle color scheme"
+            className={style.container}>
+            <IconSun
+                className={classNames(style.icon, style.light)}
+                stroke={1.5}
+            />
+            <IconMoon
+                className={classNames(style.icon, style.dark)}
+                stroke={1.5}
+            />
+        </ActionIcon>
     );
 }