Merge branch 'page-motion' into dev

src/App.jsx

@@ -5,6 +5,7 @@ import { useCallback, useEffect } from 'react'
 import { Outlet, useNavigate } from 'react-router-dom'
 import { useRegisterSW } from 'virtual:pwa-register/react'
 import { registerCapacitorListeners } from './CapacitorListener'
+import PageTransition from './components/animations/PageTransition'
 import { ImpersonateUserProvider } from './contexts/ImpersonateUserContext'
 import { AuthenticationProvider } from './service/AuthenticationService'
 import { useNotification } from './service/NotificationProvider'
@@ -74,7 +75,9 @@ const AppContent = () => {
     <>
       <ImpersonateUserProvider>
         <NavBar />
-        <Outlet />
+        <PageTransition>
+          <Outlet />
+        </PageTransition>
       </ImpersonateUserProvider>
     </>
   )