fix(deps): update dependency web-vitals to v5 (#2023)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Xiao Peng <xiao_peng0202@hotmail.com>

Author: renovate[bot]

frontend/package-lock.json

@@ -50,7 +50,7 @@
     "vite": "^5.2.8",
     "vite-plugin-istanbul": "6.0.0",
     "vitest": "^3.0.0",
-    "web-vitals": "^3.3.1"
+    "web-vitals": "^5.0.3"
   },
   "devDependencies": {
     "@cypress/code-coverage": "^3.12.1",

frontend/package.json

@@ -1,20 +1,23 @@
-import { ReportHandler } from 'web-vitals';
+import {
+  onCLS, onFCP, onINP, onLCP, onTTFB
+} from 'web-vitals';
+
+type ReportHandler = (metric: {
+  name: string;
+  value: number;
+  delta: number;
+  id: string;
+  entries: PerformanceEntry[];
+  navigationType?: string;
+}) => void;
 
 const reportWebVitals = (onPerfEntry?: ReportHandler) => {
-  if (onPerfEntry && onPerfEntry instanceof Function) {
-    import('web-vitals').then(({
-      getCLS,
-      getFID,
-      getFCP,
-      getLCP,
-      getTTFB
-    }) => {
-      getCLS(onPerfEntry);
-      getFID(onPerfEntry);
-      getFCP(onPerfEntry);
-      getLCP(onPerfEntry);
-      getTTFB(onPerfEntry);
-    });
+  if (onPerfEntry && typeof onPerfEntry === 'function') {
+    onCLS(onPerfEntry);
+    onINP(onPerfEntry);
+    onFCP(onPerfEntry);
+    onLCP(onPerfEntry);
+    onTTFB(onPerfEntry);
   }
 };