static label tags converted view component

resources/views/components/documents/form/recurring_metadata.blade.php

@@ -1,8 +1,8 @@
 <div class="grid sm:grid-cols-7 sm:col-span-6 gap-x-8 gap-y-6 my-3.5">
-    <div class="sm:col-span-2 required">
-        <label for="contact" class="form-control-label">
+    <div class="sm:col-span-2">
+        <x-form.label for="contact" required>
             {{ trans_choice($textContact, 1) }}
-        </label>
+        </x-form.label>
 
         <x-documents.form.contact
             type="{{ $typeContact }}"
@@ -26,9 +26,9 @@
 
         @if (! $hideIssuedAt)
         <div class="form-group form-group relative sm:col-span-3">
-            <label class="form-control-label">
+            <x-form.label>
                 {{ trans($textIssuedAt) }}
-            </label>
+            </x-form.label>
 
             <x-tooltip id="tooltip-issued" placement="bottom" message="{{ trans('documents.recurring.tooltip.document_date', ['type' => config('type.document.' . $type . '.setting.prefix', 'invoice')]) }}">
                 <div class="relative focused has-label">
@@ -62,9 +62,9 @@
 
         @if (! $hideDocumentNumber)
         <div class="form-group form-group relative sm:col-span-3">
-            <label class="form-control-label">
+            <x-form.label>
                 {{ trans($textDocumentNumber) }}
-            </label>
+            </x-form.label>
 
             <x-tooltip id="tooltip-number" placement="bottom" message="{{ trans('documents.recurring.tooltip.document_number', ['type' => config('type.document.' . $type . '.setting.prefix', 'invoice')]) }}">
                 <div class="relative focused has-label">