feat: add html-to-image tool definition and i18n strings

Add tool metadata to shared constants and i18n entries across all 21
locales for the new HTML to Image screenshot tool.

packages/shared/src/i18n/zh-CN.ts

@@ -37,8 +37,8 @@ export const zhCN: TranslationKeys = {
     retry: "重试",
     privacyPolicy: "隐私政策",
     pageNotFound: "Page not found",
-  pageNotFoundDescription: "The page you are looking for does not exist or has been moved.",
-},
+    pageNotFoundDescription: "The page you are looking for does not exist or has been moved.",
+  },
   categories: {
     essentials: "基础工具",
     optimization: "优化",
@@ -177,6 +177,10 @@ export const zhCN: TranslationKeys = {
       name: "QR 码生成器",
       description: "生成自定义颜色、图案和 Logo 的 QR 码",
     },
+    "html-to-image": {
+      name: "HTML to Image",
+      description: "Capture webpages as high-quality images",
+    },
     "barcode-read": {
       name: "条码识别",
       description: "扫描图片中的 QR 码、条形码和二维码",
@@ -944,6 +948,30 @@ export const zhCN: TranslationKeys = {
       submit: "生成 QR 码",
       download: "下载 QR 码",
     },
+    "html-to-image": {
+      url: "URL",
+      urlPlaceholder: "https://example.com",
+      format: "Output Format",
+      quality: "Quality",
+      devicePreset: "Device",
+      viewportWidth: "Width",
+      viewportHeight: "Height",
+      fullPage: "Full Page",
+      submit: "Capture",
+      download: "Download Screenshot",
+      capturing: "Capturing webpage...",
+      errorTimeout: "Page took too long to load",
+      errorBlocked: "This URL cannot be captured",
+      errorUnavailable: "Screenshot service is not available",
+      errorFailed: "Failed to capture the page",
+      placeholder: "Enter a URL and click Capture",
+      presets: {
+        desktop: "Desktop",
+        tablet: "Tablet",
+        mobile: "Mobile",
+        custom: "Custom",
+      },
+    },
     "barcode-read": {
       submit: "扫描条码",
       submitBatch: "扫描（{count} 个文件）",
@@ -1770,9 +1798,9 @@ export const zhCN: TranslationKeys = {
     pipelineName: "Pipeline 名称",
     pipelineDescription: "描述（可选）",
     noStepsPrompt: "添加步骤来构建自动化流程",
-        noStepsHeading: "No steps yet",
+    noStepsHeading: "No steps yet",
     searchToolsPlaceholder: "Search tools...",
-step: "步骤",
+    step: "步骤",
   },
   nav: {
     tools: "工具",