[FIX TRTL-637] Error content display

ui/ui-frontend/projects/identity/src/app/customer/customer-create/customer-colors-input/customer-colors-input.component.html

 <ng-container [formGroup]="formGroup">
-  <div *ngFor="let color of [THEME_COLORS.VITAMUI_PRIMARY, THEME_COLORS.VITAMUI_SECONDARY]" class="pb-4">
+  <div *ngFor="let color of [THEME_COLORS.VITAMUI_PRIMARY, THEME_COLORS.VITAMUI_SECONDARY]">
     <app-input-color 
       [disabled]="disabled"
       [colorInput]="formGroup.get(color)"
@@ -18,14 +18,12 @@
   <app-input-color
     [style.visibility]="!displayTertiary ? 'hidden' : 'visible'"
     [disabled]="disabled"
-    class="pb-4"
     [colorInput]="formGroup.get(THEME_COLORS.VITAMUI_TERTIARY)"
     [checkWarning]="true"
     [placeholder]="baseColors[THEME_COLORS.VITAMUI_TERTIARY]">
   </app-input-color>
 
   <app-input-color
-    class="pb-4"
     [colorInput]="formGroup.get(THEME_COLORS.VITAMUI_HEADER_FOOTER)"
     [disabled]="disabled"
     [placeholder]="baseColors[THEME_COLORS.VITAMUI_HEADER_FOOTER]">

ui/ui-frontend/projects/identity/src/app/customer/customer-create/customer-colors-input/input-color/input-color.component.html

@@ -2,21 +2,20 @@
     (colorPickerOpen)="onPickerOpen()" [disabled]="disabled" (change)="forceHex()" (keyup)="forceHex()"
     [formControl]="colorInput" cpAlphaChannel="disabled" cpDisableInput="true" cpOutputFormat="hex"
     cpFallbackColor="#000" maxlength="7" placeholder="{{placeholder}}">
-</vitamui-common-input>
-<div class="container-preview">
-    <span class="input-color-preview" [style.background-color]="color | safeStyle" (click)="openPicker()"></span>
-</div>
-<div *ngIf="colorError!==colorErrorEnum.NONE" class="text normal text-red pt-2 pl-2 d-flex">
-    <div class="col-1"><i class="vitamui-icon vitamui-icon-anomalie" [style.fontSize.px]="20"></i></div>
-    <div [ngSwitch]="colorError" class="col-10">
-        <div *ngSwitchCase="colorErrorEnum.COLOR_INVALID">{{'COLOR.INVALID' | translate}}</div>
-        <div *ngSwitchCase="colorErrorEnum.COLOR_TOO_LIGHT">
-            <div>{{'COLOR.TOO_LIGHT' | translate}}</div>
-            <div>{{'COLOR.INCOMPATIBLE' | translate}}</div>
-        </div>
-        <div *ngSwitchCase="colorErrorEnum.COLOR_TOO_DARK">
-            <div>{{'COLOR.TOO_DARK' | translate}}</div>
-            <div>{{'COLOR.INCOMPATIBLE' | translate}}</div>
+    <vitamui-common-input-error class="d-flex align-items-center" *ngIf="colorError!==colorErrorEnum.NONE">
+        <i class="vitamui-icon vitamui-icon-anomalie mr-1" [style.fontSize.px]="20"></i>
+        <div [ngSwitch]="colorError">
+            <div *ngSwitchCase="colorErrorEnum.COLOR_INVALID">{{'COLOR.INVALID' | translate}}</div>
+            <ng-container *ngSwitchCase="colorErrorEnum.COLOR_TOO_LIGHT">
+                <div>{{'COLOR.TOO_LIGHT' | translate}}</div>
+                <div>{{'COLOR.INCOMPATIBLE' | translate}}</div>
+            </ng-container>
+            <ng-container *ngSwitchCase="colorErrorEnum.COLOR_TOO_DARK">
+                <div>{{'COLOR.TOO_DARK' | translate}}</div>
+                <div>{{'COLOR.INCOMPATIBLE' | translate}}</div>
+            </ng-container>
         </div>
-    </div>
-</div>
\ No newline at end of file
+    </vitamui-common-input-error>
+</vitamui-common-input>
+
+<div class="input-color-preview" [style.background-color]="color | safeStyle" (click)="openPicker()"></div>
\ No newline at end of file

ui/ui-frontend/projects/identity/src/app/customer/customer-create/customer-colors-input/input-color/input-color.component.scss

 :host {
- 
-  ::ng-deep .vitamui-input-errors {
-    display: none;
-  }
+  position: relative;
+  width: 255px;
+  display: block;
 
-  .container-preview {
-    display: flex;
-    flex-direction: row-reverse;
-    top: -40px;
-    position: relative;
-    right: 5px;
-    height: 0;
-  }
-   
   .input-color-preview {
     padding: 0;
-    margin: 0 5px 0 0;
-    display: inline-block;
+    position: absolute;
+    top: 14px;
+    right: 5px;
     width: 30px;
     height: 30px;
     border-radius: 100%;
   }
-  
 }
\ No newline at end of file

ui/ui-frontend/projects/identity/src/app/customer/customer-preview/graphic-identity-tab/graphic-identity/graphic-identity-form/graphic-identity-form.component.scss

@@ -41,10 +41,6 @@
       width: 47%;
   }
 
-  ::ng-deep div.vitamui-input-errors {
-      display: none;
-  }
-
   vitamui-common-textarea + small {
       text-align: end;
       color: var(--vitamui-grey-900);
@@ -71,10 +67,6 @@
       width: 47%;
   }
 
-  ::ng-deep div.vitamui-input-errors {
-      display: none;
-  }
-
   vitamui-common-textarea + small {
       text-align: end;
       color: var(--vitamui-grey-900);