feat: add theme switcher components with horizontal and dropdown variants

src/components/layout/theme-switcher-horizontal.tsx

@@ -6,7 +6,7 @@ import { useTheme } from "next-themes";
 import { cn } from "@/lib/utils";
 import { useEffect, useState } from "react";
 
-export function ModeToggleHorizontal() {
+export function ThemeSwitcherHorizontal() {
   const { theme, setTheme } = useTheme();
   const [mounted, setMounted] = useState(false);
 

src/components/layout/theme-swticher.tsx

@@ -10,7 +10,7 @@ import {
 import { LaptopIcon, MoonIcon, SunIcon } from "lucide-react";
 import { useTheme } from "next-themes";
 
-export function ModeToggle() {
+export function ThemeSwitcher() {
   const { setTheme } = useTheme();
 
   return (