fix(qr-stands): restore exact user-provided qr-1.svg alongside qr-4.svg

apps/web/src/components/QrStandGeneratorClient.tsx

@@ -208,17 +208,23 @@ export function QrStandGeneratorClient({
             {activePreset.svgTemplateUrl ? (
               <div
                 ref={standRef}
-                className="w-[360px] sm:w-[380px] aspect-[400/650] rounded-[2.5rem] relative overflow-hidden shadow-[0_25px_60px_rgba(0,0,0,0.6)] border-2 border-white/10"
+                className={`w-[360px] sm:w-[380px] rounded-[2.5rem] relative overflow-hidden shadow-[0_25px_60px_rgba(0,0,0,0.6)] border-2 border-white/10 ${
+                  activePreset.aspectRatio === "672/900" ? "aspect-[672/900]" : "aspect-[400/650]"
+                }`}
               >
-                {/* SVG Template Vector Background Graphic */}
+                {/* Exact SVG Template Vector Background Graphic */}
                 <img
                   src={activePreset.svgTemplateUrl}
                   alt={activePreset.name}
-                  className="absolute inset-0 w-full h-full object-contain pointer-events-none"
+                  className="absolute inset-0 w-full h-full object-cover pointer-events-none"
                 />
 
                 {/* Dynamic Restaurant Logo & Name Header Overlay */}
-                <div className="absolute top-[15.5%] left-0 right-0 flex flex-col items-center justify-center px-6 text-center z-10">
+                <div
+                  className={`absolute left-0 right-0 flex flex-col items-center justify-center px-6 text-center z-10 ${
+                    activePreset.key === "qr-1" ? "top-[13%]" : "top-[15.5%]"
+                  }`}
+                >
                   {logoUrl ? (
                     <img
                       src={logoUrl}
@@ -235,7 +241,13 @@ export function QrStandGeneratorClient({
                 </div>
 
                 {/* Dynamic QR Code Canvas Overlay */}
-                <div className="absolute top-[33.1%] left-1/2 -translate-x-1/2 w-[55%] aspect-square rounded-[20px] p-3 shadow-2xl flex items-center justify-center bg-white z-10 border border-zinc-200">
+                <div
+                  className={`absolute left-1/2 -translate-x-1/2 rounded-[20px] p-3 shadow-2xl flex items-center justify-center bg-white z-10 border border-zinc-200 ${
+                    activePreset.key === "qr-1"
+                      ? "top-[37%] w-[52%] aspect-square"
+                      : "top-[33.1%] w-[55%] aspect-square"
+                  }`}
+                >
                   <QRCodeCanvas
                     value={targetUrl}
                     size={200}