ui: improve s3 add view

resources/views/livewire/storage/create.blade.php

@@ -1,4 +1,6 @@
 <div class="w-full">
+    <div class="mb-4">For more details, please visit the <a class="underline dark:text-warning"
+            href="https://coolify.io/docs/knowledge-base/s3" target="_blank">Coolify Docs</a>.</div>
     <form class="flex flex-col gap-2" wire:submit='submit'>
         <div class="flex gap-2">
             <x-forms.input required label="Name" id="name" />
@@ -7,14 +9,15 @@
         <x-forms.input required type="url" label="Endpoint" wire:model.blur="endpoint" />
         <div class="flex gap-2">
             <x-forms.input required label="Bucket" id="bucket" />
-            <x-forms.input required label="Region" id="region" />
+            <x-forms.input required helper="Region only required for AWS. Leave it as-is for other providers."
+                label="Region" id="region" />
         </div>
         <div class="flex gap-2">
             <x-forms.input required type="password" label="Access Key" id="key" />
             <x-forms.input required type="password" label="Secret Key" id="secret" />
         </div>
 
-        <x-forms.button type="submit">
+        <x-forms.button class="mt-4" type="submit">
             Validate Connection & Continue
         </x-forms.button>
     </form>

resources/views/livewire/storage/index.blade.php

@@ -21,7 +21,7 @@
                     </div>
                     @if (!$storage->is_usable)
                         <div class="text-red-500">Not Usable</div>
-                @endif
+                    @endif
                 </div>
             </div>
         @empty