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/Trips.tsx

@@ -1,7 +1,6 @@
 import { useState } from "react";
 import { useQuery } from "@tanstack/react-query";
 import { Link as RouterLink } from "react-router-dom";
-import { motion } from "framer-motion";
 import Box from "@mui/material/Box";
 import Typography from "@mui/material/Typography";
 import IconButton from "@mui/material/IconButton";
@@ -30,6 +29,7 @@ import {
   StatusChip,
   LoadingState,
   StatCard,
+  PageEnter,
   type DataColumn,
 } from "../ui";
 
@@ -418,124 +418,106 @@ export default function Trips() {
   ];
 
   return (
-    <Box>
-      <motion.div
-        initial={{ opacity: 0, y: 12 }}
-        animate={{ opacity: 1, y: 0 }}
-        transition={{ duration: 0.25 }}
+    <PageEnter>
+      <Box
+        sx={{
+          display: "flex",
+          alignItems: "flex-start",
+          justifyContent: "space-between",
+          flexWrap: "wrap",
+          gap: 2,
+          mb: 3,
+        }}
       >
+        <Box>
+          <Typography variant="h4">Kniha jízd</Typography>
+          <Typography variant="body2" color="text.secondary" sx={{ mt: 0.5 }}>
+            {new Date().toLocaleDateString("cs-CZ", {
+              month: "long",
+              year: "numeric",
+            })}
+          </Typography>
+        </Box>
+        <Button startIcon={PlusIcon} onClick={openCreateModal}>
+          Přidat jízdu
+        </Button>
+      </Box>
+
+      {/* Stats Cards */}
+      <Box
+        sx={{
+          display: "grid",
+          gridTemplateColumns: {
+            xs: "1fr",
+            sm: "1fr 1fr",
+            lg: "repeat(4, 1fr)",
+          },
+          gap: 2,
+        }}
+      >
+        <StatCard
+          label="Počet jízd"
+          value={totals.count}
+          icon={TripsIcon}
+          color="info"
+        />
+        <StatCard
+          label="Celkem naježděno"
+          value={`${formatKm(totals.total)} km`}
+          icon={TotalIcon}
+          color="default"
+        />
+        <StatCard
+          label="Služební"
+          value={`${formatKm(totals.business)} km`}
+          icon={BusinessIcon}
+          color="success"
+        />
+        <StatCard
+          label="Soukromé"
+          value={`${formatKm(totals.private)} km`}
+          icon={PrivateIcon}
+          color="warning"
+        />
+      </Box>
+
+      {/* Recent Trips */}
+      <Card sx={{ mt: 3 }}>
         <Box
           sx={{
             display: "flex",
-            alignItems: "flex-start",
+            alignItems: "center",
             justifyContent: "space-between",
-            flexWrap: "wrap",
-            gap: 2,
-            mb: 3,
+            mb: 2,
           }}
         >
-          <Box>
-            <Typography variant="h4">Kniha jízd</Typography>
-            <Typography variant="body2" color="text.secondary" sx={{ mt: 0.5 }}>
-              {new Date().toLocaleDateString("cs-CZ", {
-                month: "long",
-                year: "numeric",
-              })}
-            </Typography>
-          </Box>
-          <Button startIcon={PlusIcon} onClick={openCreateModal}>
-            Přidat jízdu
+          <Typography variant="h6">Poslední jízdy</Typography>
+          <Button
+            component={RouterLink}
+            to="/trips/history"
+            variant="outlined"
+            color="inherit"
+            size="small"
+          >
+            Zobrazit historii
           </Button>
         </Box>
-      </motion.div>
-
-      {/* Stats Cards */}
-      <motion.div
-        initial={{ opacity: 0, y: 12 }}
-        animate={{ opacity: 1, y: 0 }}
-        transition={{ duration: 0.25, delay: 0.06 }}
-      >
-        <Box
-          sx={{
-            display: "grid",
-            gridTemplateColumns: {
-              xs: "1fr",
-              sm: "1fr 1fr",
-              lg: "repeat(4, 1fr)",
-            },
-            gap: 2,
-          }}
-        >
-          <StatCard
-            label="Počet jízd"
-            value={totals.count}
-            icon={TripsIcon}
-            color="info"
-          />
-          <StatCard
-            label="Celkem naježděno"
-            value={`${formatKm(totals.total)} km`}
-            icon={TotalIcon}
-            color="default"
-          />
-          <StatCard
-            label="Služební"
-            value={`${formatKm(totals.business)} km`}
-            icon={BusinessIcon}
-            color="success"
-          />
-          <StatCard
-            label="Soukromé"
-            value={`${formatKm(totals.private)} km`}
-            icon={PrivateIcon}
-            color="warning"
-          />
-        </Box>
-      </motion.div>
-
-      {/* Recent Trips */}
-      <motion.div
-        initial={{ opacity: 0, y: 12 }}
-        animate={{ opacity: 1, y: 0 }}
-        transition={{ duration: 0.25, delay: 0.12 }}
-      >
-        <Card sx={{ mt: 3 }}>
-          <Box
-            sx={{
-              display: "flex",
-              alignItems: "center",
-              justifyContent: "space-between",
-              mb: 2,
-            }}
-          >
-            <Typography variant="h6">Poslední jízdy</Typography>
-            <Button
-              component={RouterLink}
-              to="/trips/history"
-              variant="outlined"
-              color="inherit"
-              size="small"
-            >
-              Zobrazit historii
-            </Button>
-          </Box>
-          <DataTable<BackendTrip>
-            columns={columns}
-            rows={recentTrips}
-            rowKey={(trip) => trip.id}
-            empty={
-              <Box sx={{ textAlign: "center", py: 6 }}>
-                <Typography color="text.secondary" gutterBottom>
-                  Zatím nemáte žádné záznamy jízd.
-                </Typography>
-                <Button startIcon={PlusIcon} onClick={openCreateModal}>
-                  Přidat první jízdu
-                </Button>
-              </Box>
-            }
-          />
-        </Card>
-      </motion.div>
+        <DataTable<BackendTrip>
+          columns={columns}
+          rows={recentTrips}
+          rowKey={(trip) => trip.id}
+          empty={
+            <Box sx={{ textAlign: "center", py: 6 }}>
+              <Typography color="text.secondary" gutterBottom>
+                Zatím nemáte žádné záznamy jízd.
+              </Typography>
+              <Button startIcon={PlusIcon} onClick={openCreateModal}>
+                Přidat první jízdu
+              </Button>
+            </Box>
+          }
+        />
+      </Card>
 
       {/* Add/Edit Modal */}
       <Modal
@@ -696,6 +678,6 @@ export default function Trips() {
         confirmVariant="danger"
         loading={deleteMutation.isPending}
       />
-    </Box>
+    </PageEnter>
   );
 }