fix: bat uses dotnet directly, doctor frontend gets port 5174

frontend-patient/src/components/layout/AppLayout.tsx

@@ -1,12 +1,25 @@
-import { Outlet } from 'react-router-dom';
+import { Outlet, useLocation } from 'react-router-dom';
+import { AnimatePresence, motion } from 'framer-motion';
 import { TabBar } from './TabBar';
 import styles from './AppLayout.module.css';
 
 export function AppLayout() {
+  const location = useLocation();
+
   return (
     <div className={styles.layout}>
       <main className={styles.main}>
-        <Outlet />
+        <AnimatePresence mode="wait">
+          <motion.div
+            key={location.pathname}
+            initial={{ opacity: 0, y: 8 }}
+            animate={{ opacity: 1, y: 0 }}
+            exit={{ opacity: 0, y: -8 }}
+            transition={{ duration: 0.15, ease: 'easeOut' }}
+          >
+            <Outlet />
+          </motion.div>
+        </AnimatePresence>
       </main>
       <TabBar />
     </div>