fix: JSONViewer component style update to fits on dark and light mode (#3792)

* ✨ (frontend): Add react-json-view-lite package to frontend dependencies
📝 (frontend): Update JsonView component in dictAreaModal to use dark theme and adjust class name
📝 (frontend): Update background color for dark theme in JsonView component styling

* 🔧 (generalBugs-shard-13.spec.ts): remove unnecessary line causing linting issue

* updating lock

src/frontend/package-lock.json

@@ -67,6 +67,7 @@
         "react-hook-form": "^7.52.0",
         "react-hotkeys-hook": "^4.5.0",
         "react-icons": "^5.2.1",
+        "react-json-view-lite": "^1.5.0",
         "react-laag": "^2.0.5",
         "react-markdown": "^8.0.7",
         "react-pdf": "^9.0.0",
@@ -14018,6 +14019,18 @@
       "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
       "license": "MIT"
     },
+    "node_modules/react-json-view-lite": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/react-json-view-lite/-/react-json-view-lite-1.5.0.tgz",
+      "integrity": "sha512-nWqA1E4jKPklL2jvHWs6s+7Na0qNgw9HCP6xehdQJeg6nPBTFZgGwyko9Q0oj+jQWKTTVRS30u0toM5wiuL3iw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "react": "^16.13.1 || ^17.0.0 || ^18.0.0"
+      }
+    },
     "node_modules/react-laag": {
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/react-laag/-/react-laag-2.0.5.tgz",