Adaptive header for modile and tablet

src/features/colorSchemeSwitch/colorSchemeSwitch.tsx

@@ -0,0 +1,17 @@
+"use client";
+
+import { SunIcon } from "@/shared/assets/icons";
+import { useTheme } from "next-themes";
+
+export const ColorSchemeSwitch = () => {
+	const { theme, setTheme } = useTheme();
+
+	return (
+		<>
+			<SunIcon
+				className="mr-5 h-8 w-8 cursor-pointer"
+				onClick={() => setTheme(theme == "light" ? "dark" : "light")}
+			/>
+		</>
+	);
+};

src/features/colorSchemeSwitch/index.ts

@@ -0,0 +1,3 @@
+import { ColorSchemeSwitch } from "./colorSchemeSwitch";
+
+export { ColorSchemeSwitch as SchemeSwitch };

src/features/gameCard/gameCard.tsx

@@ -1,3 +1,3 @@
 export const GameCard = () => {
-  return <></>;
+	return <></>;
 };

src/features/schemeSwitch/index.ts

@@ -1,3 +0,0 @@
-import { SchemeSwitch } from "./schemeSwitch";
-
-export { SchemeSwitch };

src/features/schemeSwitch/schemeSwitch.tsx

@@ -1,17 +0,0 @@
-"use client";
-
-import { SunIcon } from "@/shared/assets/icons";
-import { useTheme } from "next-themes";
-
-export const SchemeSwitch = () => {
-  const { theme, setTheme } = useTheme();
-
-  return (
-    <>
-      <SunIcon
-        className="mr-5 h-8 w-8 cursor-pointer"
-        onClick={() => setTheme(theme == "light" ? "dark" : "light")}
-      />
-    </>
-  );
-};