🐛 discriminate 'required' and 'initial' message

Initial message (explaining where to find the CAU)
was not shown initially, just the required error
'CAU must be filled'.
Now the required error is shown only after
the field has been visited.

src/containers/Contract/SelfConsumptionDetails.jsx

@@ -151,10 +151,10 @@ const SelfConsumptionDetails = (props) => {
             onChange={handleChangeCAU}
             onBlur={handleBlur}
             error={
-              values?.self_consumption?.cau && !!errors?.self_consumption?.cau
+              touched?.self_consumption?.cau && !!errors?.self_consumption?.cau
             }
             helperText={
-              errors?.self_consumption?.cau || (
+              (!!values?.self_consumption?.cau && errors?.self_consumption?.cau) || (
                 <a
                   href={t('SELFCONSUMPTION_CAU_HELP_URL')}
                   target="_blank"