fix: linting cleanup, TS errors, mobile cookie banner and hero max-width

components/shop/MultisplitContactForm.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import { useState } from 'react';
-import { Check, Loader2, CheckCircle2 } from 'lucide-react';
+import { Loader2, CheckCircle2 } from 'lucide-react';
 import { submitMultisplitForm } from '@/app/zapytanie-multisplit/actions';
 import { getRecaptchaToken } from '@/lib/getRecaptchaToken';
 

components/shop/ProductCard.tsx

@@ -2,7 +2,7 @@
 
 import Link from 'next/link';
 import Image from 'next/image';
-import { ShoppingCart, GitCompare, Phone, Check } from 'lucide-react';
+import { ShoppingCart, GitCompare, Phone } from 'lucide-react';
 import { Product } from '@/content/products';
 import { useCartStore } from '@/lib/cart-store';
 import { useCompareStore } from '@/lib/compare-store';

components/shop/ProductGallery.tsx

@@ -10,12 +10,12 @@ interface ProductGalleryProps {
 }
 
 export function ProductGallery({ image, name, images }: ProductGalleryProps) {
-  const [mainImage, setMainImage] = useState(image || 'https://images.unsplash.com/photo-1581094794329-c8112a89af12?w=800&q=80');
+  const [mainImage, setMainImage] = useState(image || '/images/hero/shop-section-image.webp');
 
   // Tworzymy tablicę miniatur, używamy placeholdera jako drugiej by pokazać funkcjonalność
   const gallery = images && images.length > 0 
     ? images 
-    : [image, 'https://images.unsplash.com/photo-1584622650111-993a426fbf0a?w=800&q=80']; 
+    : [image, '/images/hero/shop-section-image.webp']; 
 
   return (
     <div className="flex flex-col gap-4">

components/shop/ProductPageClient.tsx

@@ -4,8 +4,8 @@ import { useState } from 'react';
 import Image from 'next/image';
 import Link from 'next/link';
 import {
-  ArrowLeft, Phone, ShoppingCart, GitCompare, Check,
-  Thermometer, Volume2, Zap, Wind, Star, Info, Eye, X
+  Phone, ShoppingCart, GitCompare, Check,
+  Thermometer, Volume2, Zap, Wind, Star, Info, Eye, X, type LucideIcon
 } from 'lucide-react';
 import { Product } from '@/content/products';
 import { useCartStore } from '@/lib/cart-store';
@@ -114,7 +114,7 @@ export function ProductPageClient({ product, seriesProducts, companyPhone, compa
     currentProduct.specs['Hałas wewnątrz (dB)'] && { icon: Volume2, label: 'Hałas wewnątrz', value: `${currentProduct.specs['Hałas wewnątrz (dB)']} dB`, color: 'text-purple-600 bg-purple-50' },
     currentProduct.specs['Czynnik chłodniczy'] && { icon: Wind, label: 'Czynnik', value: currentProduct.specs['Czynnik chłodniczy'], color: 'text-teal-600 bg-teal-50' },
     currentProduct.specs['Grzanie do'] && { icon: Zap, label: 'Grzanie do', value: `-${currentProduct.specs['Grzanie do']}°C`, color: 'text-accent bg-accent-light' },
-  ].filter(Boolean) as { icon: any; label: string; value: string; color: string }[];
+  ].filter(Boolean) as { icon: LucideIcon; label: string; value: string; color: string }[];
 
   return (
     <main className="bg-slate-50 min-h-screen pb-16">

components/shop/ProductsGrid.tsx

@@ -96,14 +96,17 @@ export function ProductsGrid({ products, brands }: ProductsGridProps) {
   const [mobileSidebarOpen, setMobileSidebarOpen] = useState(false);
 
   useEffect(() => {
-    setSearchQuery(urlSearch);
-    setSelectedBrands(urlBrand ? [urlBrand] : []);
-    if (urlCategory !== 'all') {
-      setCategory(urlCategory as 'scienne' | 'multisplit' | 'podlogowe' | 'jednostka-scienna');
-    } else {
-      setCategory('all');
-    }
-    setPage(1);
+    const timer = setTimeout(() => {
+      setSearchQuery(urlSearch);
+      setSelectedBrands(urlBrand ? [urlBrand] : []);
+      if (urlCategory !== 'all') {
+        setCategory(urlCategory as 'scienne' | 'multisplit' | 'podlogowe' | 'jednostka-scienna');
+      } else {
+        setCategory('all');
+      }
+      setPage(1);
+    }, 0);
+    return () => clearTimeout(timer);
   }, [urlSearch, urlBrand, urlCategory]);
 
   const toggleBrand = (b: string) => {
@@ -171,7 +174,7 @@ export function ProductsGrid({ products, brands }: ProductsGridProps) {
 
       return true;
     });
-  }, [products, category, selectedBrands, priceMin, priceMax, selectedRooms, halasMin, halasMax, selectedColors]);
+  }, [products, category, selectedBrands, priceMin, priceMax, selectedRooms, halasMin, halasMax, selectedColors, searchQuery]);
 
   const totalPages = Math.ceil(filtered.length / PER_PAGE);
   const paginated = filtered.slice((page - 1) * PER_PAGE, page * PER_PAGE);
@@ -217,7 +220,7 @@ export function ProductsGrid({ products, brands }: ProductsGridProps) {
 
   const hasFilters = category !== 'all' || selectedBrands.length > 0 || searchQuery !== '' || priceMin || priceMax || selectedRooms.length > 0 || selectedColors.length > 0 || halasMin > 15 || halasMax < 50;
 
-  const Sidebar = () => (
+  const sidebarContent = (
     <aside className="w-full">
       {/* Klimatyzatory - typ */}
       <Accordion title="Klimatyzatory">
@@ -452,7 +455,7 @@ export function ProductsGrid({ products, brands }: ProductsGridProps) {
                   <X className="size-5 text-text-muted" />
                 </button>
               </div>
-              <Sidebar />
+              {sidebarContent}
             </div>
           </div>
         )}
@@ -469,7 +472,7 @@ export function ProductsGrid({ products, brands }: ProductsGridProps) {
                   <X className="size-3" /> Wyczyść filtry
                 </button>
               )}
-              <Sidebar />
+              {sidebarContent}
             </div>
           </div>