Use mobile icon buttons on Give and QR dashboards.

Add header create action and sync mobile notification badge partial.

resources/views/give/dashboard.blade.php

@@ -2,9 +2,16 @@
     <x-slot name="title">Overview</x-slot>
     @php $fmt = fn ($m) => 'GHS '.number_format($m / 100, 2); @endphp
     <div class="space-y-6">
-        <div>
-            <h1 class="text-xl font-semibold text-slate-900">Overview</h1>
-            <p class="mt-1 text-sm text-slate-500">Total raised today, active giving pages, and recent donations.</p>
+        <div class="flex items-center justify-between gap-3">
+            <div class="min-w-0 flex-1">
+                <h1 class="truncate text-lg font-semibold text-slate-900 lg:text-xl">Overview</h1>
+                <p class="mt-1 hidden text-sm text-slate-500 sm:block">Total raised today, active giving pages, and recent donations.</p>
+            </div>
+            @include('partials.mobile-header-btn', [
+                'href' => route('give.giving-pages.create'),
+                'label' => 'New giving page',
+                'variant' => 'indigo',
+            ])
         </div>
         <div class="grid gap-4 sm:grid-cols-2 lg:grid-cols-4">
             <div class="rounded-2xl border border-slate-200 bg-white p-5">