Remove debug logging from Layout component

- Remove useEffect that logged branding data to console
- Remove unused useEffect import
- Keep mobile header structure (already correct)

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

src/components/Layout.tsx

@@ -1,4 +1,4 @@
-import { ReactNode, useState, useEffect } from 'react';
+import { ReactNode, useState } from 'react';
 import { Link, useNavigate } from 'react-router-dom';
 import { useAuth } from '@/hooks/useAuth';
 import { useCart } from '@/contexts/CartContext';
@@ -23,12 +23,6 @@ export function Layout({ children }: { children: ReactNode }) {
   const brandName = branding.brand_name || 'LearnHub';
   const logoUrl = branding.brand_logo_url;
 
-  // Debug: log branding data
-  useEffect(() => {
-    console.log('Layout - branding data:', branding);
-    console.log('Layout - brandName:', brandName);
-  }, [branding, brandName]);
-
   return (
     <div className="min-h-screen bg-background">
       <header className="border-b-2 border-border bg-background sticky top-0 z-50">