UI fixes (colors, favicon) and codebase comment cleanup

components/layout/Header.tsx

@@ -85,7 +85,6 @@ export function Header() {
 
   return (
     <>
-      {/* ----------------- DESKTOP: NAV BAR (STICKY) ----------------- */}
       <header
         className={cn(
           "hidden lg:block sticky top-0 z-40 bg-background transition-all duration-300 border-b border-border",
@@ -93,16 +92,12 @@ export function Header() {
         )}
       >
         <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 flex items-center justify-between gap-4">
-          
-          {/* Left: Logo */}
           <Link href="/" className="shrink-0 flex items-center gap-3">
             <span className="text-2xl font-bold font-heading text-primary">
               {companyDetails.shortName}
               <span className="text-accent">.</span>
             </span>
           </Link>
-
-          {/* Middle: Main Navigation */}
           <nav className="flex items-center gap-6">
             <NavDropdown
               label="Klimatyzacja"
@@ -145,8 +140,6 @@ export function Header() {
               Kontakt
             </Link>
           </nav>
-
-          {/* Right: Phone, Cart, CTA */}
           <div className="flex items-center gap-5">
             <a
               href={`tel:${companyDetails.phoneRaw}`}
@@ -173,8 +166,6 @@ export function Header() {
           </div>
         </div>
       </header>
-
-      {/* ----------------- MOBILE: HEADER (STICKY) ----------------- */}
       <header
         className={cn(
           "lg:hidden sticky top-0 z-40 bg-background border-b border-border transition-all duration-300",
@@ -182,15 +173,12 @@ export function Header() {
         )}
       >
         <div className="max-w-7xl mx-auto px-4 sm:px-6 flex items-center justify-between">
-          {/* Mobile Logo */}
           <Link href="/" className="shrink-0 flex items-center">
             <span className="text-xl font-bold font-heading text-primary">
               {companyDetails.shortName}
               <span className="text-accent">.</span>
             </span>
           </Link>
-
-          {/* Mobile Icons (Cart + Hamburger) */}
           <div className="flex items-center gap-3">
             <Link href="/koszyk" className="p-2 text-primary hover:text-accent hover:bg-muted transition-colors rounded-lg relative outline-none" aria-label="Koszyk">
               <ShoppingBag className="size-5" />
@@ -211,8 +199,6 @@ export function Header() {
           </div>
         </div>
       </header>
-
-      {/* ----------------- MOBILE MENU DRAWER ----------------- */}
       <MobileMenu
         isOpen={isMobileMenuOpen}
         onClose={() => setIsMobileMenuOpen(false)}