Add icon and icon classes support for Header (#865) (#867)

Co-authored-by: lchevalot <[email protected]>

Author: lchevalot

src/View/Components/Header.php

@@ -19,6 +19,10 @@ public function __construct(
         public ?bool $withAnchor = false,
         public ?string $size = 'text-2xl',
 
+        // Icon
+        public ?string $icon = null,
+        public ?string $iconClasses = null,
+
         // Slots
         public mixed $middle = null,
         public mixed $actions = null,
@@ -41,12 +45,16 @@ public function render(): View|Closure|string
                 <div id="{{ $anchor }}" {{ $attributes->class(["mb-10", "mary-header-anchor" => $withAnchor]) }}>
                     <div class="flex flex-wrap gap-5 justify-between items-center">
                         <div>
-                            <div @class(["$size font-extrabold", is_string($title) ? '' : $title?->attributes->get('class') ]) >
+                            <div @class(["flex", "items-center", "$size font-extrabold", is_string($title) ? '' : $title?->attributes->get('class') ]) >
                                 @if($withAnchor)
                                     <a href="#{{ $anchor }}">
                                 @endif
+                                
+                                @if($icon)
+                                    <x-icon name="{{ $icon }}" class="{{ $iconClasses }}" />
+                                @endif
 
-                                {{ $title }}
+                                <span @class(["ml-2" => $icon])>{{ $title }}</span>
 
                                 @if($withAnchor)
                                     </a>