ui: redesign

resources/views/components/loading.blade.php

@@ -1,6 +1,11 @@
 @props(['text' => null])
-<span class="flex items-center gap-4 text-white">
-    {{ $text }}<span
-        {{ $attributes->class(['bg-warning loading', 'loading-spinner' => !$attributes->has('class')]) }}>
-    </span>
-</span>
+<button type="button" class="inline-flex items-center px-2 " {{ $attributes }}>
+    <svg class="w-4 h-4 mr-3 -ml-1 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>
+        <path class="opacity-75" fill="currentColor"
+            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>
+    {{ $text }}
+</button>