updated headerbar with headeraction option

resources/views/components/header.blade.php

@@ -0,0 +1,5 @@
+  <div class="py-6 px-4 sm:px-6 lg:px-8">
+    <h2 class="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight">
+      {{ $slot }}
+    </h2>
+  </div>

resources/views/components/headeraction.blade.php

@@ -0,0 +1,5 @@
+  <div class="py-6 px-4 sm:px-6 lg:px-8">
+    <h2 class="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight">
+      {{ $slot }}
+    </h2>
+  </div>

resources/views/components/welcome.blade.php

@@ -1,4 +1,4 @@
-<div class="p-6 lg:p-8 bg-white dark:bg-gray-800 dark:bg-linear-to-bl dark:from-gray-700/50 dark:via-transparent border-b border-gray-200 dark:border-gray-700">
+<div class="p-6 lg:p-8 bg-white dark:bg-zinc-700 dark:bg-linear-to-bl dark:from-gray-700/50 dark:via-transparent border-b border-gray-200 dark:border-gray-700">
     <x-application-logo class="block h-12 w-auto" />
 
     <h1 class="mt-8 text-2xl font-medium text-gray-900 dark:text-white">
@@ -13,7 +13,7 @@
     </p>
 </div>
 
-<div class="bg-gray-200 dark:bg-gray-800 bg-opacity-25 grid grid-cols-1 md:grid-cols-2 gap-6 lg:gap-8 p-6 lg:p-8">
+<div class="bg-gray-200 dark:bg-zinc-700 bg-opacity-25 grid grid-cols-1 md:grid-cols-2 gap-6 lg:gap-8 p-6 lg:p-8">
     <div>
         <div class="flex items-center">
             <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" class="size-6 stroke-gray-400">