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

components/layout/GlobalSearch.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { useState, useRef, useEffect, useMemo } from "react";
+import { useState, useMemo } from "react";
 import { Search } from "lucide-react";
 import { getProducts } from "@/content/products";
 import Link from "next/link";
@@ -85,7 +85,7 @@ export function GlobalSearch() {
                     >
                       <div className="w-16 h-16 bg-white border border-border rounded-md overflow-hidden relative shrink-0">
                         <Image 
-                          src={product.image || 'https://images.unsplash.com/photo-1621905251189-08b45d6a269e?w=800&q=80'} 
+                          src={product.image || '/images/about/about-story.webp'} 
                           alt={product.name} 
                           fill 
                           className="object-contain p-1 mix-blend-multiply" 
@@ -104,7 +104,7 @@ export function GlobalSearch() {
                 </div>
               ) : (
                 <div className="p-8 text-center text-text-muted">
-                  Brak wyników dla <span className="font-semibold">"{query}"</span>
+                  Brak wyników dla <span className="font-semibold">&quot;{query}&quot;</span>
                 </div>
               )}
             </div>