[6.x] Use collection icon on empty state page (#13391)

Author: duncanmcclean

resources/js/pages/collections/Empty.vue

@@ -5,6 +5,7 @@ import useArchitecturalBackground from '@/pages/layout/architectural-background.
 useArchitecturalBackground();
 
 const props = defineProps([
+	'icon',
     'title',
     'blueprints',
     'canEdit',
@@ -23,7 +24,7 @@ const props = defineProps([
 
     <header class="py-8 mt-8 text-center starting-style-transition" v-cloak>
         <h1 class="text-[25px] font-medium antialiased flex justify-center items-center gap-2 sm:gap-3">
-            <ui-icon name="collections" class="size-5 text-gray-500"></ui-icon>
+            <ui-icon :name="icon" class="size-5 text-gray-500"></ui-icon>
             <span v-text="__(title)" />
         </h1>
     </header>

src/Http/Controllers/CP/Collections/CollectionsController.php

@@ -202,6 +202,7 @@ public function show(Request $request, $collection)
         if ($collection->queryEntries()->count() === 0) {
             return Inertia::render('collections/Empty', [
                 ...Arr::only($props, [
+                    'icon',
                     'title',
                     'blueprints',
                     'canEdit',