Fix Loading transition to page

package.json

@@ -18,13 +18,15 @@
     "@mui/icons-material": "^5.15.11",
     "@mui/lab": "^5.0.0-alpha.169",
     "@mui/material": "^5.15.11",
+    "@react-spring/web": "^9.7.3",
     "@reduxjs/toolkit": "^2.2.2",
     "@types/axios": "^0.14.0",
     "@types/node": "^20.11.24",
     "@types/nprogress": "^0.2.3",
     "@types/react-avatar-editor": "^13.0.2",
     "axios": "^1.6.8",
     "framer-motion": "^11.0.8",
+    "gsap": "^3.12.5",
     "markdown-to-jsx": "^7.4.1",
     "notistack": "^3.0.1",
     "nprogress": "^0.2.0",
@@ -35,6 +37,7 @@
     "react-helmet-async": "^2.0.4",
     "react-redux": "^9.1.0",
     "react-router-dom": "^6.22.2",
+    "react-use-measure": "^2.1.1",
     "redux-persist": "^6.0.0",
     "reselect": "^5.1.0",
     "simplebar-react": "^3.2.4",

src/app.tsx

@@ -1,7 +1,6 @@
 import { Fragment, useEffect } from 'react'
 import { BrowserRouter } from 'react-router-dom'
 import { HelmetProvider } from 'react-helmet-async'
-import { AppNavBar, AppFooter } from 'component'
 import { Fallback } from 'page'
 import { AuthProvider } from 'auth/auth-provider'
 import { SettingProvider } from 'component/setting'

src/component/index.ts

@@ -17,3 +17,5 @@ export { default as Typography } from './typography/typography'
 export { default as Markdown } from './markdown/markdown'
 // meta
 export { default as Meta } from './meta/meta'
+// loading screen
+export { default as LoadingScreen } from './loading-screen/loading-screen'