Update UI elements and text content

resources/views/components/loading.blade.php

@@ -1,5 +1,6 @@
 @props(['text' => null])
 <div class="inline-flex items-center justify-center" {{ $attributes }}>
+    <div>{{ $text }}</div>
     <svg class="w-4 h-4 mx-1 ml-3 text-warning animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none"
         viewBox="0 0 24 24">
         <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
@@ -7,5 +8,4 @@
             d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z">
         </path>
     </svg>
-    <div>{{ $text }}</div>
 </div>