feat(refactor): Initialise ui-overlay package, restructure componen…

…ts (#2409)

package.json

@@ -44,7 +44,10 @@
     "bignumber.js": "^9.1.2",
     "classnames": "^2.5.1",
     "date-fns": "^4.1.0",
+    "framer-motion": "^11.11.1",
     "i18next": "^24.2.0",
+    "react": "^18.3.1",
+    "react-error-boundary": "^4.0.13",
     "react-i18next": "^15.4.0"
   },
   "packageManager": "[email protected]",

packages/app/package.json

@@ -39,18 +39,15 @@
     "chroma-js": "^3.1.1",
     "compare-versions": "^6.1.1",
     "consts": "workspace:*",
-    "framer-motion": "^11.11.1",
     "html5-qrcode": "^2.3.8",
     "i18next-browser-languagedetector": "^8.0.2",
     "locales": "workspace:*",
     "plugin-staking-api": "workspace:*",
     "polkadot-api": "^1.8.0",
     "qrcode-generator": "1.4.4",
     "rc-slider": "^11.1.6",
-    "react": "^18.3.1",
     "react-chartjs-2": "^5.2.0",
     "react-dom": "^18.2.0",
-    "react-error-boundary": "^4.0.13",
     "react-helmet": "^6.1.0",
     "react-router-dom": "^7.1.1",
     "react-scroll": "^1.9.0",
@@ -59,6 +56,7 @@
     "styles": "workspace:*",
     "types": "workspace:*",
     "ui-buttons": "workspace:*",
+    "ui-overlay": "workspace:*",
     "ui-structure": "workspace:*",
     "usehooks-ts": "^3.0.2",
     "utils": "workspace:*",

packages/app/src/Providers.tsx

@@ -44,8 +44,8 @@ import { UIProvider } from 'contexts/UI'
 import { FavoriteValidatorsProvider } from 'contexts/Validators/FavoriteValidators'
 import { ValidatorsProvider } from 'contexts/Validators/ValidatorEntries'
 import { WalletConnectProvider } from 'contexts/WalletConnect'
-import { OverlayProvider } from 'kits/Overlay/Provider'
 import { ThemedRouter } from 'Themes'
+import { OverlayProvider } from 'ui-overlay'
 
 export const Providers = () => {
   const {