feat(mui): consistent staggered page entrance across all 43 route pages

Adopt the PageEnter wrapper as every page's outermost render element and remove the ad-hoc per-page entrance motion.div wrappers. Every page now enters the same way — all top-level sections rise+fade in, staggered — so nothing appears instantly and the motion is identical app-wide. Presentation-only: no data/logic/hooks/invalidate/permissions touched. Embedded sub-tabs (CompanySettings, ReceivedInvoices), Login (auth shell) and the dev UiKit are intentionally excluded. Gates: tsc -b --noEmit=0, build=0, vitest 152/152.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

src/admin/pages/Dashboard.tsx

@@ -1,6 +1,5 @@
 import { useState, useCallback } from "react";
 import { Link as RouterLink } from "react-router-dom";
-import { motion } from "framer-motion";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
 import Box from "@mui/material/Box";
 import Typography from "@mui/material/Typography";
@@ -12,7 +11,7 @@ import { dashboardOptions } from "../lib/queries/dashboard";
 import { require2FAOptions } from "../lib/queries/settings";
 import { getCzechDate } from "../utils/dashboardHelpers";
 import { useApiMutation } from "../lib/queries/mutations";
-import { Card, Button, StatusChip } from "../ui";
+import { Card, Button, StatusChip, PageEnter } from "../ui";
 import DashKpiCards from "../components/dashboard/DashKpiCards";
 import DashQuickActions from "../components/dashboard/DashQuickActions";
 import DashActivityFeed from "../components/dashboard/DashActivityFeed";
@@ -221,15 +220,9 @@ export default function Dashboard() {
   };
 
   return (
-    <Box>
+    <PageEnter>
       {/* Header */}
-      <Box
-        component={motion.div}
-        initial={{ opacity: 0, y: 12 }}
-        animate={{ opacity: 1, y: 0 }}
-        transition={{ duration: 0.25 }}
-        sx={{ mb: 3 }}
-      >
+      <Box sx={{ mb: 3 }}>
         <Typography variant="h4">
           Vítejte zpět, {user?.fullName || user?.username}
         </Typography>
@@ -240,75 +233,69 @@ export default function Dashboard() {
 
       {/* 2FA Required Banner */}
       {user?.require2FA && !user?.totpEnabled && (
-        <motion.div
-          initial={{ opacity: 0, y: 12 }}
-          animate={{ opacity: 1, y: 0 }}
-          transition={{ duration: 0.25, delay: 0.06 }}
+        <Card
+          sx={{
+            mb: 3,
+            border: 2,
+            borderColor: "error.main",
+            bgcolor: "error.light",
+          }}
         >
-          <Card
+          <Box
             sx={{
-              mb: 3,
-              border: 2,
-              borderColor: "error.main",
-              bgcolor: "error.light",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "space-between",
+              gap: 2,
+              flexWrap: "wrap",
             }}
           >
-            <Box
-              sx={{
-                display: "flex",
-                alignItems: "center",
-                justifyContent: "space-between",
-                gap: 2,
-                flexWrap: "wrap",
-              }}
-            >
-              <Box sx={{ display: "flex", alignItems: "center", gap: 1.5 }}>
-                <Box
-                  sx={{
-                    width: 40,
-                    height: 40,
-                    borderRadius: "50%",
-                    display: "flex",
-                    alignItems: "center",
-                    justifyContent: "center",
-                    bgcolor: "error.light",
-                    color: "error.main",
-                    flexShrink: 0,
-                  }}
-                >
-                  <svg
-                    width="20"
-                    height="20"
-                    viewBox="0 0 24 24"
-                    fill="none"
-                    stroke="currentColor"
-                    strokeWidth="2"
-                  >
-                    <path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" />
-                    <line x1="12" y1="9" x2="12" y2="13" />
-                    <line x1="12" y1="17" x2="12.01" y2="17" />
-                  </svg>
-                </Box>
-                <Box>
-                  <Typography sx={{ fontWeight: 600 }}>
-                    Dvoufaktorové ověření je povinné
-                  </Typography>
-                  <Typography variant="body2" color="text.secondary">
-                    Administrátor vyžaduje aktivaci 2FA. Dokud ji neaktivujete,
-                    nemáte přístup k ostatním sekcím systému.
-                  </Typography>
-                </Box>
-              </Box>
-              <Button
-                onClick={handleStart2FASetup}
-                disabled={totpSubmitting}
-                sx={{ flexShrink: 0 }}
+            <Box sx={{ display: "flex", alignItems: "center", gap: 1.5 }}>
+              <Box
+                sx={{
+                  width: 40,
+                  height: 40,
+                  borderRadius: "50%",
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  bgcolor: "error.light",
+                  color: "error.main",
+                  flexShrink: 0,
+                }}
               >
-                {totpSubmitting ? "Generuji..." : "Aktivovat 2FA nyní"}
-              </Button>
+                <svg
+                  width="20"
+                  height="20"
+                  viewBox="0 0 24 24"
+                  fill="none"
+                  stroke="currentColor"
+                  strokeWidth="2"
+                >
+                  <path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" />
+                  <line x1="12" y1="9" x2="12" y2="13" />
+                  <line x1="12" y1="17" x2="12.01" y2="17" />
+                </svg>
+              </Box>
+              <Box>
+                <Typography sx={{ fontWeight: 600 }}>
+                  Dvoufaktorové ověření je povinné
+                </Typography>
+                <Typography variant="body2" color="text.secondary">
+                  Administrátor vyžaduje aktivaci 2FA. Dokud ji neaktivujete,
+                  nemáte přístup k ostatním sekcím systému.
+                </Typography>
+              </Box>
             </Box>
-          </Card>
-        </motion.div>
+            <Button
+              onClick={handleStart2FASetup}
+              disabled={totpSubmitting}
+              sx={{ flexShrink: 0 }}
+            >
+              {totpSubmitting ? "Generuji..." : "Aktivovat 2FA nyní"}
+            </Button>
+          </Box>
+        </Card>
       )}
 
       {/* Loading spinner */}
@@ -339,10 +326,6 @@ export default function Dashboard() {
       {/* Main content grid */}
       {!dashLoading && (
         <Box
-          component={motion.div}
-          initial={{ opacity: 0, y: 12 }}
-          animate={{ opacity: 1, y: 0 }}
-          transition={{ duration: 0.25, delay: 0.12 }}
           sx={{
             display: "grid",
             gridTemplateColumns: { xs: "1fr", lg: "1fr 1fr 1fr" },
@@ -523,6 +506,6 @@ export default function Dashboard() {
           <DashSessions />
         </Box>
       )}
-    </Box>
+    </PageEnter>
   );
 }