feat(mobile): add QrTemplate6 Stonehearth Grill, modal text editor and vertical positioning (offsetY) controls

apps/mobile/src/components/qr-templates/index.tsx

@@ -5,11 +5,13 @@ import QrTemplate2 from "./QrTemplate2";
 import QrTemplate3 from "./QrTemplate3";
 import QrTemplate4 from "./QrTemplate4";
 import QrTemplate5 from "./QrTemplate5";
+import QrTemplate6 from "./QrTemplate6";
 
 export interface TextItemConfig {
   text: string;
   fontSize?: number;
   fontId?: string;
+  offsetY?: number; // Dikey konum kaydırma (yukarı / aşağı)
   visible?: boolean;
 }
 
@@ -62,11 +64,12 @@ export function getFontFamily(fontId?: string, defaultFamily = "Georgia, serif")
   return found ? found.fontFamily : defaultFamily;
 }
 
-// Çok satırlı (Enter / \n) metinleri SVG içinde alt alta kusursuz render eden yardımcı fonksiyon
+// Çok satırlı (Enter / \n) ve dikey kaydırmalı (offsetY) SVG metin render fonksiyonu
 export function renderSvgLines({
   text,
   x,
   y,
+  offsetY = 0,
   lineHeight,
   fill,
   fontFamily,
@@ -78,6 +81,7 @@ export function renderSvgLines({
   text?: string;
   x: number;
   y: number;
+  offsetY?: number;
   lineHeight?: number;
   fill?: string;
   fontFamily?: string;
@@ -89,6 +93,7 @@ export function renderSvgLines({
   if (!text) return null;
   const lines = text.split("\n");
   const computedLineHeight = lineHeight || (fontSize ? fontSize * 1.25 : 18);
+  const startY = y + (offsetY || 0);
 
   return (
     <>
@@ -96,7 +101,7 @@ export function renderSvgLines({
         <SvgText
           key={idx}
           x={x}
-          y={y + idx * computedLineHeight}
+          y={startY + idx * computedLineHeight}
           fill={fill}
           fontFamily={fontFamily}
           fontSize={fontSize}
@@ -121,6 +126,7 @@ export const COMPONENT_TEMPLATES: Record<
   "qr-3": QrTemplate3,
   "qr-4": QrTemplate4,
   "qr-5": QrTemplate5,
+  "qr-6": QrTemplate6,
 };
 
 // Her template'in aspect ratio'su (width/height)
@@ -130,4 +136,5 @@ export const TEMPLATE_ASPECT_RATIOS: Record<string, number> = {
   "qr-3": 400 / 650,     // 400x650 = standart kart
   "qr-4": 400 / 580,     // 400x580 = zarif altın çerçeve
   "qr-5": 380 / 500,     // 380x500 = PNG arka planlı modern kart
+  "qr-6": 400 / 580,     // 400x580 = taş & ızgara vintage stant
 };