From 268fa63ebcd91c64d6285ed9491af10a938ecc33 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Wed, 1 Oct 2025 13:31:27 +0000
Subject: [PATCH] Refactor: Move theme toggle to mobile menu

---
 src/components/layout/Header.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/layout/Header.tsx b/src/components/layout/Header.tsx
index 7942edf8..ed8c49ef 100644
--- a/src/components/layout/Header.tsx
+++ b/src/components/layout/Header.tsx
@@ -106,6 +106,11 @@ export function Header() {
                       </Link>
                     </>
                   )}
+                  <div className="my-2 border-t border-border" />
+                  <div className="px-3 py-2.5 flex items-center justify-between">
+                    <span className="text-base font-medium">Theme</span>
+                    <ThemeToggle />
+                  </div>
                 </nav>
               </SheetContent>
             </Sheet>
@@ -235,7 +240,9 @@ export function Header() {
               <span className="sr-only">Search</span>
             </Button>
             
-            <ThemeToggle />
+            <div className="hidden md:block">
+              <ThemeToggle />
+            </div>
             {user && <NotificationCenter />}
             <AuthButtons />
           </div>