Unify primary buttons with gradient pill design across the app.

Add shared btn-primary components and plus icons on create/new actions for a consistent Ladill UI.

Co-authored-by: Cursor <cursoragent@cursor.com>

resources/views/hosting/panel/settings.blade.php

@@ -34,7 +34,7 @@
                         <label class="mb-1 block text-sm font-medium text-slate-700">Confirm Password</label>
                         <input type="password" name="password_confirmation" required minlength="8" class="w-full rounded-lg border border-slate-200 px-4 py-2.5 text-sm focus:border-indigo-500 focus:ring-indigo-500">
                     </div>
-                    <button type="submit" class="inline-flex items-center gap-2 rounded-lg bg-indigo-600 px-5 py-2.5 text-sm font-medium text-white transition hover:bg-indigo-700">
+                    <button type="submit" class="btn-primary">
                         <svg class="h-4 w-4" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 5.25a3 3 0 013 3m3 0a6 6 0 01-7.029 5.912c-.563-.097-1.159.026-1.563.43L10.5 17.25H8.25v2.25H6v2.25H2.25v-2.818c0-.597.237-1.17.659-1.591l6.499-6.499c.404-.404.527-1 .43-1.563A6 6 0 1121.75 8.25z"/></svg>
                         Change Password
                     </button>
@@ -70,7 +70,7 @@
                         <x-input-error :messages="$errors->get('ssh_public_key')" class="mt-2" />
                     </div>
 
-                    <button type="submit" class="inline-flex items-center rounded-lg bg-indigo-600 px-5 py-2.5 text-sm font-medium text-white transition hover:bg-indigo-700">
+                    <button type="submit" class="btn-primary">
                         Save SFTP Key
                     </button>
 
@@ -117,7 +117,7 @@
             <div class="mb-5 rounded-lg border border-slate-200 bg-slate-50 p-4">
                 <div class="flex items-center justify-between gap-4">
                     <code class="flex-1 overflow-x-auto font-mono text-sm text-slate-800">{{ $sftpCommand }}</code>
-                    <button type="button" onclick="navigator.clipboard.writeText('{{ $sftpCommand }}'); this.textContent = 'Copied!'; setTimeout(() => this.textContent = 'Copy', 1500);" class="flex-shrink-0 rounded-md bg-indigo-600 px-3 py-1.5 text-xs font-medium text-white transition hover:bg-indigo-700">Copy</button>
+                    <button type="button" onclick="navigator.clipboard.writeText('{{ $sftpCommand }}'); this.textContent = 'Copied!'; setTimeout(() => this.textContent = 'Copy', 1500);" class="btn-primary btn-primary-sm flex-shrink-0">Copy</button>
                 </div>
             </div>