fix: react-doctor modal/dialog/dropzone a11y — 18 files to role+tabIndex+onKeyDown or dialog

src/app/tuxedo/about/error.tsx

@@ -19,7 +19,7 @@ export default function ErrorPage({
         className="max-w-lg w-full text-center"
       >
         <motion.div
-          initial={{ scale: 0 }}
+          initial={{ scale: 0.95, opacity: 0  }}
           animate={{ scale: 1 }}
           transition={{ delay: 0.2, type: "spring", stiffness: 200 }}
           className="inline-flex h-24 w-24 items-center justify-center rounded-full bg-emerald-900/40 mb-8"

src/app/tuxedo/contact/error.tsx

@@ -19,7 +19,7 @@ export default function ErrorPage({
         className="max-w-lg w-full text-center"
       >
         <motion.div
-          initial={{ scale: 0 }}
+          initial={{ scale: 0.95, opacity: 0  }}
           animate={{ scale: 1 }}
           transition={{ delay: 0.2, type: "spring", stiffness: 200 }}
           className="inline-flex h-24 w-24 items-center justify-center rounded-full bg-emerald-900/40 mb-8"

src/app/tuxedo/error.tsx

@@ -20,7 +20,7 @@ export default function ErrorPage({
       >
         {/* Error icon */}
         <motion.div
-          initial={{ scale: 0 }}
+          initial={{ scale: 0.95, opacity: 0  }}
           animate={{ scale: 1 }}
           transition={{ delay: 0.2, type: "spring", stiffness: 200 }}
           className="inline-flex h-24 w-24 items-center justify-center rounded-full bg-emerald-900/40 mb-8"

src/app/tuxedo/faq/error.tsx

@@ -19,7 +19,7 @@ export default function ErrorPage({
         className="max-w-lg w-full text-center"
       >
         <motion.div
-          initial={{ scale: 0 }}
+          initial={{ scale: 0.95, opacity: 0  }}
           animate={{ scale: 1 }}
           transition={{ delay: 0.2, type: "spring", stiffness: 200 }}
           className="inline-flex h-24 w-24 items-center justify-center rounded-full bg-emerald-900/40 mb-8"

src/app/tuxedo/stops/[id]/error.tsx

@@ -19,7 +19,7 @@ export default function ErrorPage({
         className="max-w-lg w-full text-center"
       >
         <motion.div
-          initial={{ scale: 0 }}
+          initial={{ scale: 0.95, opacity: 0  }}
           animate={{ scale: 1 }}
           transition={{ delay: 0.2, type: "spring", stiffness: 200 }}
           className="inline-flex h-24 w-24 items-center justify-center rounded-full bg-emerald-900/40 mb-8"

src/app/tuxedo/stops/[slug]/error.tsx

@@ -19,7 +19,7 @@ export default function ErrorPage({
         className="max-w-lg w-full text-center"
       >
         <motion.div
-          initial={{ scale: 0 }}
+          initial={{ scale: 0.95, opacity: 0  }}
           animate={{ scale: 1 }}
           transition={{ delay: 0.2, type: "spring", stiffness: 200 }}
           className="inline-flex h-24 w-24 items-center justify-center rounded-full bg-emerald-900/40 mb-8"