Use + icon buttons on mobile dashboards.

Sync mobile-header-btn partials, mobile x-btn.create, and update dashboard header actions for consistent mobile FABs.

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

resources/views/hosting/dashboard.blade.php

@@ -2,14 +2,16 @@
 @section('title', 'Overview — Ladill Hosting')
 @section('content')
 <div class="mx-auto max-w-5xl">
-    <div class="flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
-        <div>
-            <h1 class="text-xl font-semibold tracking-tight text-slate-900">Overview</h1>
-            <p class="mt-0.5 text-sm text-slate-500">Your shared hosting at a glance.</p>
+    <div class="flex items-center justify-between gap-3">
+        <div class="min-w-0 flex-1">
+            <h1 class="truncate text-lg font-semibold tracking-tight text-slate-900 lg:text-xl">Overview</h1>
+            <p class="mt-0.5 hidden text-sm text-slate-500 sm:block">Your shared hosting at a glance.</p>
         </div>
-        <a href="{{ route('hosting.single-domain') }}" class="inline-flex items-center justify-center btn-primary">
-            New hosting
-        </a>
+        @include('partials.mobile-header-btn', [
+            'href' => route('hosting.single-domain'),
+            'label' => 'New hosting',
+            'variant' => 'primary',
+        ])
     </div>
 
     <div class="mt-6 grid gap-4 sm:grid-cols-2 lg:grid-cols-4">