fix(plugin-ecommerce): priceInput does not respect required field status (#15783)

### What?

The `PriceInput` component in `@payloadcms/plugin-ecommerce` does not
show the required indicator (asterisk) on the field label when the field
is configured with `required: true`.

### Why?

`PriceInput` receives the full `field` object (which includes
`required`), but never passes it down to `FormattedInput`.
`FormattedInput` in turn doesn't accept or forward a `required` prop to
`FieldLabel`.

### How?

- Pass `field.required` from `PriceInput` to `FormattedInput`
- Add `required` to the `FormattedInput` props interface
- Forward `required` to the `FieldLabel` component

Author: jhb-dev

packages/plugin-ecommerce/src/ui/PriceInput/FormattedInput.tsx

@@ -20,6 +20,7 @@ interface Props {
   path: string
   placeholder?: string
   readOnly?: boolean
+  required?: boolean
   supportedCurrencies: Currency[]
 }
 
@@ -34,6 +35,7 @@ export const FormattedInput: React.FC<Props> = ({
   path,
   placeholder = '0.00',
   readOnly,
+  required,
   supportedCurrencies,
 }) => {
   const { setValue, value } = useField<number>({ path })
@@ -136,7 +138,7 @@ export const FormattedInput: React.FC<Props> = ({
 
   return (
     <div className={`field-type number ${baseClass}`}>
-      {label && <FieldLabel as="label" htmlFor={id} label={label} />}
+      {label && <FieldLabel as="label" htmlFor={id} label={label} required={required} />}
 
       <div className={`${baseClass}Container`}>
         <div className={`${baseClass}CurrencySymbol`}>

packages/plugin-ecommerce/src/ui/PriceInput/index.tsx

@@ -38,6 +38,7 @@ export const PriceInput: React.FC<Props> = (args) => {
       label={label}
       path={path}
       readOnly={readOnly}
+      required={field.required}
       supportedCurrencies={currenciesConfig?.supportedCurrencies}
     />
   )