refactor(upgrade): replace warning div with a callout component for better UI consistency

resources/views/livewire/upgrade.blade.php

@@ -54,12 +54,12 @@
                             <p>Are you sure you would like to upgrade your instance to {{ $latestVersion }}?</p>
                             <br />
 
-                            <div
-                                class="p-4 mb-4 text-yellow-800 border border-yellow-300 rounded-lg bg-yellow-50 dark:bg-yellow-900/30 dark:text-yellow-300 dark:border-yellow-800">
-                                <p class="font-medium">Warning: Any deployments running during the update process will
+                            <x-callout type="warning" title="Caution">
+                                <p>Any deployments running during the update process will
                                     fail. Please ensure no deployments are in progress on any server before continuing.
                                 </p>
-                            </div>
+                            </x-callout>
+                            <br />
                             <p>You can review the changelogs <a class="font-bold underline dark:text-white"
                                     href="https://github.com/coollabsio/coolify/releases" target="_blank">here</a>.</p>
                             <br />