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

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>