merge interface with main script

package.json

@@ -35,6 +35,7 @@
   },
   "dependencies": {
     "@sentry/browser": "^7.85.0",
+    "@sentry/react": "^7.88.0",
     "@sentry/webpack-plugin": "^2.10.2",
     "@types/color": "^3.0.4",
     "@types/dompurify": "^3.0.5",
@@ -43,12 +44,16 @@
     "@types/webextension-polyfill": "^0.10.7",
     "autoprefixer": "^10.4.15",
     "color": "^4.2.3",
+    "framer-motion": "^10.16.16",
     "install": "^0.13.0",
     "localforage": "^1.10.0",
     "motion": "^10.16.4",
     "npm": "^10.1.0",
     "postcss": "^8.4.29",
     "react": "^18.2.0",
+    "react-best-gradient-color-picker": "^2.3.5",
+    "react-dom": "^18.2.0",
+    "react-router-dom": "^6.21.0",
     "sortablejs": "^1.15.0",
     "tailwindcss": "^3.3.3",
     "ts-loader": "^9.5.1",