fix: react-doctor prefer-tag-over-role 18→0 (native dialog, label dropzones, ul lists)

src/app/cart/CartClient.tsx

@@ -291,7 +291,7 @@ export default function CartClient() {
                           )}
                         </p>
                       </div>
-                      <div className="flex items-center gap-3" role="group" aria-label={`Quantity controls for ${item.name}`}>
+                      <fieldset className="flex items-center gap-3 border-0 p-0 m-0" aria-label={`Quantity controls for ${item.name}`}>
                         <button type="button"
                           onClick={() => decreaseQuantity(item.id)}
                           className="flex h-11 w-11 items-center justify-center rounded-xl bg-white/10 text-white hover:bg-white/20 active:scale-95 transition-all text-xl font-medium"
@@ -303,7 +303,7 @@ export default function CartClient() {
                           className="flex h-11 w-11 items-center justify-center rounded-xl bg-emerald-500 text-white hover:bg-emerald-400 active:scale-95 transition-all text-xl font-medium shadow-lg shadow-emerald-500/20"
                           aria-label={`Increase quantity of ${item.name}`}
                         >+</button>
-                      </div>
+                      </fieldset>
                     </div>
                     <div className="mt-4 flex items-center justify-between pt-3 border-t border-white/5">
                       <p className="text-sm font-semibold text-white" aria-label={`Item total: $${(Number(item.price.replace("$", "")) * item.quantity).toFixed(2)}`}>