feat(F-055): completed feature

project/storefront/src/app/productos/[slug]/page.tsx

@@ -66,7 +66,11 @@ export default async function ProductPage({ params }: PageProps) {
         <div className="overflow-hidden rounded-[2rem] border border-emerald-900/10 bg-emerald-50">
           {image ? (
             // eslint-disable-next-line @next/next/no-img-element
-            <img src={image.url} alt={image.altText} className="aspect-[4/3] w-full object-cover" />
+            <img
+              src={image.url}
+              alt={image.altText}
+              className="aspect-[4/3] w-full max-h-[600px] object-cover"
+            />
           ) : (
             <div className="flex aspect-[4/3] items-center justify-center text-emerald-900">
               Imagen próximamente

project/storefront/src/app/uploads/[filename]/route.ts

@@ -1,45 +0,0 @@
-import { NextRequest, NextResponse } from 'next/server';
-import { readFile } from 'fs/promises';
-import path from 'path';
-
-const MIME: Record<string, string> = {
-  '.jpg': 'image/jpeg',
-  '.jpeg': 'image/jpeg',
-  '.png': 'image/png',
-  '.webp': 'image/webp',
-  '.avif': 'image/avif',
-  '.gif': 'image/gif',
-};
-
-/**
- * Serves uploaded product images dynamically from disk on every request.
- * Mirrors the behaviour of the admin app so newly uploaded images are
- * immediately available without a rebuild.
- */
-export async function GET(
-  _request: NextRequest,
-  { params }: { params: Promise<{ filename: string }> },
-) {
-  const { filename } = await params;
-
-  const safe = path.basename(filename);
-  if (safe !== filename || filename.includes('..')) {
-    return NextResponse.json({ error: 'Invalid filename' }, { status: 400 });
-  }
-
-  const ext = path.extname(safe).toLowerCase();
-  const filePath = path.join(process.cwd(), 'public', 'uploads', safe);
-
-  try {
-    const buffer = await readFile(filePath);
-    return new NextResponse(buffer, {
-      headers: {
-        'Content-Type': MIME[ext] ?? 'application/octet-stream',
-        'Cache-Control': 'public, max-age=31536000, immutable',
-        'X-Content-Type-Options': 'nosniff',
-      },
-    });
-  } catch {
-    return NextResponse.json({ error: 'Not found' }, { status: 404 });
-  }
-}