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

src/components/storefront/QuickCartSheet.tsx

@@ -212,7 +212,7 @@ function SheetContent({
       <div className="relative px-6 sm:px-8 pt-2 pb-5 border-b border-stone-900/10">
         <div className="flex items-center gap-3">
           <motion.div
-            initial={{ scale: 0, rotate: -45 }}
+            initial={{ scale: 0.95, opacity: 0 , rotate: -45 }}
             animate={{ scale: 1, rotate: 0 }}
             transition={{ type: "spring", stiffness: 500, damping: 18, delay: 0.05 }}
             className="flex h-10 w-10 items-center justify-center rounded-full bg-[#1A4D2E] text-white shadow-[0_4px_14px_rgba(26,77,46,0.4)]"

src/components/storefront/StorefrontHeader.tsx

@@ -126,7 +126,7 @@ export default function StorefrontHeader({
             </svg>
             {cartCount > 0 && (
               <motion.span
-                initial={{ scale: 0 }}
+                initial={{ scale: 0.95, opacity: 0  }}
                 animate={{ scale: 1 }}
                 className={`absolute -top-1.5 -right-1.5 flex h-5 w-5 items-center justify-center rounded-full ${accent.cartBadge} text-[10px] font-bold text-white shadow-sm`}
               >