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

@@ -1,7 +1,6 @@
 import { useState } from "react";
 import { useQuery } from "@tanstack/react-query";
 import { Link as RouterLink, useNavigate } 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";
@@ -32,6 +31,7 @@ import {
   StatusChip,
   CheckboxField,
   LoadingState,
+  PageEnter,
   type DataColumn,
 } from "../ui";
 
@@ -346,30 +346,24 @@ export default function Projects() {
   ];
 
   return (
-    <Box>
-      <motion.div
-        initial={{ opacity: 0, y: 12 }}
-        animate={{ opacity: 1, y: 0 }}
-        transition={{ duration: 0.25 }}
+    <PageEnter>
+      <Box
+        sx={{
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "space-between",
+          mb: 3,
+          flexWrap: "wrap",
+          gap: 2,
+        }}
       >
-        <Box
-          sx={{
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "space-between",
-            mb: 3,
-            flexWrap: "wrap",
-            gap: 2,
-          }}
-        >
-          <Typography variant="h4">Projekty</Typography>
-          {hasPermission("projects.create") && (
-            <Button startIcon={PlusIcon} onClick={openCreate}>
-              Přidat projekt
-            </Button>
-          )}
-        </Box>
-      </motion.div>
+        <Typography variant="h4">Projekty</Typography>
+        {hasPermission("projects.create") && (
+          <Button startIcon={PlusIcon} onClick={openCreate}>
+            Přidat projekt
+          </Button>
+        )}
+      </Box>
 
       <Box sx={{ mb: 3 }}>
         <TextField
@@ -383,38 +377,32 @@ export default function Projects() {
         />
       </Box>
 
-      <motion.div
-        initial={{ opacity: 0, y: 12 }}
-        animate={{ opacity: 1, y: 0 }}
-        transition={{ duration: 0.25, delay: 0.06 }}
-      >
-        <Card sx={{ opacity: isFetching ? 0.6 : 1, transition: "opacity .2s" }}>
-          <DataTable<Project>
-            columns={columns}
-            rows={projects}
-            rowKey={(p) => p.id}
-            sortBy={sort}
-            sortDir={order}
-            onSort={handleSort}
-            empty={
-              <Box sx={{ textAlign: "center", py: 6 }}>
-                <Typography color="text.secondary" gutterBottom>
-                  Zatím nejsou žádné projekty.
-                </Typography>
-                <Typography variant="body2" color="text.secondary">
-                  Projekty vznikají z objednávek nebo je můžete vytvořit ručně
-                  tlačítkem „Přidat projekt".
-                </Typography>
-              </Box>
-            }
-          />
-          <Pagination
-            page={page}
-            pageCount={pagination?.total_pages ?? 1}
-            onChange={setPage}
-          />
-        </Card>
-      </motion.div>
+      <Card sx={{ opacity: isFetching ? 0.6 : 1, transition: "opacity .2s" }}>
+        <DataTable<Project>
+          columns={columns}
+          rows={projects}
+          rowKey={(p) => p.id}
+          sortBy={sort}
+          sortDir={order}
+          onSort={handleSort}
+          empty={
+            <Box sx={{ textAlign: "center", py: 6 }}>
+              <Typography color="text.secondary" gutterBottom>
+                Zatím nejsou žádné projekty.
+              </Typography>
+              <Typography variant="body2" color="text.secondary">
+                Projekty vznikají z objednávek nebo je můžete vytvořit ručně
+                tlačítkem „Přidat projekt".
+              </Typography>
+            </Box>
+          }
+        />
+        <Pagination
+          page={page}
+          pageCount={pagination?.total_pages ?? 1}
+          onChange={setPage}
+        />
+      </Card>
 
       <ConfirmDialog
         isOpen={!!deleteTarget}
@@ -538,6 +526,6 @@ export default function Projects() {
           />
         </Field>
       </Modal>
-    </Box>
+    </PageEnter>
   );
 }