conversion inputs to components

bizmatch/src/app/components/validated-quill/validated-quill.component.html

@@ -0,0 +1,13 @@
+<label [for]="name" class="block text-sm font-bold text-gray-700 mb-1 relative w-fit">
+  {{ label }}
+  @if(validationMessage){
+  <div
+    attr.data-tooltip-target="tooltip-{{ name }}"
+    class="absolute inline-flex items-center justify-center w-6 h-6 text-xs font-bold text-white bg-red-500 border-2 border-white rounded-full -top-2 dark:border-gray-900 hover:cursor-pointer"
+  >
+    !
+  </div>
+  <app-tooltip id="tooltip-{{ name }}" [text]="validationMessage"></app-tooltip>
+  }
+</label>
+<quill-editor [(ngModel)]="value" (ngModelChange)="onInputChange($event)" (onBlur)="onTouched()" [id]="name" [attr.name]="name" [modules]="quillModules"></quill-editor>

bizmatch/src/app/components/validated-quill/validated-quill.component.ts

@@ -3,21 +3,17 @@ import { Component, forwardRef } from '@angular/core';
 import { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
 import { QuillModule } from 'ngx-quill';
 import { BaseInputComponent } from '../base-input/base-input.component';
+import { TooltipComponent } from '../tooltip/tooltip.component';
 import { ValidationMessagesService } from '../validation-messages.service';
 
 @Component({
   selector: 'app-validated-quill',
-  template: `
-    <div>
-      <label [for]="name" class="block text-sm font-medium text-gray-700">
-        {{ label }}
-        <span class="text-red-500 ml-1">{{ validationMessage }}</span>
-      </label>
-      <quill-editor [(ngModel)]="value" (ngModelChange)="onInputChange($event)" (onBlur)="onTouched()" [id]="name" [attr.name]="name" [modules]="quillModules"></quill-editor>
-    </div>
-  `,
+  templateUrl: './validated-quill.component.html',
+  styles: `quill-editor {
+            width: 100%;
+          }`,
   standalone: true,
-  imports: [CommonModule, FormsModule, QuillModule],
+  imports: [CommonModule, FormsModule, QuillModule, TooltipComponent],
   providers: [
     {
       provide: NG_VALUE_ACCESSOR,