feat: handle image rendor

package-lock.json

@@ -12,6 +12,7 @@
         "@types/spark-md5": "^3.0.5",
         "browser-image-compression": "^2.0.2",
         "clsx": "^2.1.1",
+        "html-to-image": "^1.11.13",
         "katex": "^0.16.27",
         "lucide-react": "^0.344.0",
         "mathml2omml": "^0.5.0",
@@ -2995,6 +2996,12 @@
         "url": "https://opencollective.com/unified"
       }
     },
+    "node_modules/html-to-image": {
+      "version": "1.11.13",
+      "resolved": "https://registry.npmjs.org/html-to-image/-/html-to-image-1.11.13.tgz",
+      "integrity": "sha512-cuOPoI7WApyhBElTTb9oqsawRvZ0rHhaHwghRLlTuffoD1B2aDemlCruLeZrUIIdvG7gs9xeELEPm6PhuASqrg==",
+      "license": "MIT"
+    },
     "node_modules/html-url-attributes": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/html-url-attributes/-/html-url-attributes-3.0.1.tgz",