Fix html2canvas readonly property assignment bug

frontend/package-lock.json

@@ -17,6 +17,7 @@
         "face-api.js": "^0.22.2",
         "file-saver": "^2.0.5",
         "html2canvas": "^1.4.1",
+        "html2canvas-pro": "^2.4.4",
         "html2pdf.js": "^0.14.0",
         "js-encrypt": "^2.3.4",
         "jsencrypt": "^3.5.4",
@@ -9191,6 +9192,19 @@
         "node": ">=8.0.0"
       }
     },
+    "node_modules/html2canvas-pro": {
+      "version": "2.4.4",
+      "resolved": "https://registry.npmjs.org/html2canvas-pro/-/html2canvas-pro-2.4.4.tgz",
+      "integrity": "sha512-SKpDtcVCSkbpV8R9ts5SQUC8cZyw5le0F/7kQMO+5s1NigLrDYvOe4Sl5wBe1hZaxAPymzbqgp/KX5ZVHuWghA==",
+      "license": "MIT",
+      "dependencies": {
+        "css-line-break": "^2.1.0",
+        "text-segmentation": "^1.0.3"
+      },
+      "engines": {
+        "node": ">=16.0.0"
+      }
+    },
     "node_modules/html2pdf.js": {
       "version": "0.14.0",
       "resolved": "https://registry.npmjs.org/html2pdf.js/-/html2pdf.js-0.14.0.tgz",

frontend/package.json

@@ -12,6 +12,7 @@
     "face-api.js": "^0.22.2",
     "file-saver": "^2.0.5",
     "html2canvas": "^1.4.1",
+    "html2canvas-pro": "^2.4.4",
     "html2pdf.js": "^0.14.0",
     "js-encrypt": "^2.3.4",
     "jsencrypt": "^3.5.4",

frontend/src/AnalysisResultPage.jsx

@@ -3,7 +3,7 @@ import React, { useState, useEffect, useRef } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { loadFromDB, saveToDB } from './db';
 import jsPDF from 'jspdf';
-import html2canvas from 'html2canvas';
+import html2canvas from 'html2canvas-pro';
 import API_BASE_URL from './config';
 
 const AnalysisResultPage = () => {