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

app/blog/[slug]/page.tsx

@@ -188,7 +188,7 @@ export default async function BlogPostPage({ params }: BlogPostPageProps) {
         {/* Główny obraz */}
         <div className="relative w-full aspect-video rounded-2xl overflow-hidden mb-12 shadow-md">
           <Image
-            src={post.image || 'https://images.unsplash.com/photo-1516321318423-f06f85e504b3?w=1600&q=80'}
+            src={post.image || '/images/hero/hero-section-image.webp'}
             alt={post.title}
             fill
             priority
@@ -231,7 +231,7 @@ export default async function BlogPostPage({ params }: BlogPostPageProps) {
               <Link key={related.slug} href={`/blog/${related.slug}`} className="group block">
                 <div className="relative aspect-[16/10] rounded-xl overflow-hidden mb-4">
                   <Image
-                    src={related.image || 'https://images.unsplash.com/photo-1516321318423-f06f85e504b3?w=800&q=80'}
+                    src={related.image || '/images/hero/hero-section-image.webp'}
                     alt={related.title}
                     fill
                     className="object-cover transition-transform duration-500 group-hover:scale-105"