applied hover component relating other pages

resources/views/portal/payments/preview.blade.php

@@ -24,9 +24,7 @@
             <div class="w-full lg:w-5/12 space-y-8">
                 <div class="border-b-2 border-gray-200 pb-1">
                     <div class="relative w-full text-left group">
-                        <span class="font-medium border-b border-transparent transition-all group-hover:border-black">
-                            {{ trans('portal.received_date') }}
-                        </span>
+                        <x-text.hover text="{{ trans('portal.received_date') }}" color="to-black" />  
                     </div>
 
                     <div class="relative overflow-hidden transition-all duration-700">