feat: Add missing WizardErrors that was lost during migration (#1506)

* feat: Add missing WizardErrors that was lost during migration

* fix: Rename DualFieldWrapper into WizardDualFieldWrapper

* chore: Add Quentin as codeowner

CODEOWNERS

@@ -1,2 +1,2 @@
 # General code owners
-* @ptbrowne @y-lohse
+* @ptbrowne @y-lohse @crash--

react/Wizard/Readme.md

@@ -7,7 +7,8 @@ import {
   WizardNextButton,
   WizardTitle,
   WizardMain,
-  WizardFooter
+  WizardFooter,
+  WizardErrors
 } from '.'
 import Icon from 'cozy-ui/transpiled/react/Icon'
 import Field from 'cozy-ui/transpiled/react/Field'
@@ -39,6 +40,9 @@ const WizardExample = ({ onNext, onRegister }) => {
       <WizardMain>
         <Field label='Login' type='text' placeholder='[email protected]' />
         <Field label='Password' type='text' />
+        <WizardErrors tag='p'>
+          There is an error
+        </WizardErrors>
       </WizardMain>
       <WizardFooter className={isTiny ? 'u-mt-auto' : 'u-pb-2'}>
         <WizardNextButton

react/Wizard/index.jsx

@@ -130,7 +130,7 @@ export const WizardDualField = ({ children, hasFocus, hasError }) => {
   )
 }
 
-export const DualFieldWrapper = ({ children }) => {
+export const WizardDualFieldWrapper = ({ children }) => {
   return <div className={styles['wizard-dualfield-wrapper']}>{children}</div>
 }
 
@@ -163,3 +163,19 @@ export const WizardNotice = ({
     </Component>
   )
 }
+
+export const WizardErrors = ({
+  children,
+  className,
+  tag: Component,
+  ...props
+}) => {
+  return (
+    <Component
+      className={cx(styles['wizard-errors'], 'u-error', className)}
+      {...props}
+    >
+      {children}
+    </Component>
+  )
+}