103 - Move notification bell to page header component

resources/views/components/page-header.blade.php

@@ -0,0 +1,16 @@
+@props(['title', 'subtitle' => null])
+
+<div class="mb-8 flex items-start justify-between">
+    <div>
+        <h1 class="text-2xl font-bold text-gray-900">{{ $title }}</h1>
+        @if ($subtitle)
+            <p class="mt-1 text-sm text-gray-500">{{ $subtitle }}</p>
+        @endif
+    </div>
+    <div class="flex items-center space-x-3">
+        {{ $slot }}
+        <div class="hidden lg:block">
+            <livewire:notification-bell />
+        </div>
+    </div>
+</div>

resources/views/layouts/app.blade.php

@@ -66,9 +66,6 @@ class="p-2 rounded-md text-gray-400 hover:text-gray-600 hover:bg-gray-100"
                     <nav class="mt-5 flex-1 px-2 bg-white">
                         @include('layouts.navigation-items')
                     </nav>
-                    <div class="flex-shrink-0 px-4 py-3 border-t border-gray-200">
-                        <livewire:notification-bell />
-                    </div>
                     <div class="flex-shrink-0 p-4 border-t border-gray-200">
                         <div class="flex items-center">
                             <div class="flex-1 min-w-0">

resources/views/livewire/articles.blade.php

@@ -1,11 +1,5 @@
 <div class="p-6">
-    <div class="mb-6 flex items-start justify-between">
+    <x-page-header title="Articles" subtitle="Review and manage article routing">
-        <div>
-            <h1 class="text-2xl font-bold text-gray-900">Articles</h1>
-            <p class="mt-1 text-sm text-gray-500">
-                Review and manage article routing
-            </p>
-        </div>
         <button
             wire:click="refresh"
             wire:loading.attr="disabled"
@@ -19,7 +13,7 @@ class="inline-flex items-center px-4 py-2 border border-transparent text-sm font
             <span wire:loading.remove wire:target="refresh">{{ $isRefreshing ? 'Refreshing...' : 'Refresh' }}</span>
             <span wire:loading wire:target="refresh">Refreshing...</span>
         </button>
-    </div>
+    </x-page-header>
 
     {{-- Tab bar --}}
     <div class="mb-6 border-b border-gray-200">

resources/views/livewire/channels.blade.php

@@ -1,10 +1,5 @@
 <div class="p-6">
-    <div class="mb-8">
+    <x-page-header title="Channels" subtitle="Manage your platform channels and linked accounts" />
-        <h1 class="text-2xl font-bold text-gray-900">Channels</h1>
-        <p class="mt-1 text-sm text-gray-500">
-            Manage your platform channels and linked accounts
-        </p>
-    </div>
 
     <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
         @forelse ($channels as $channel)

resources/views/livewire/dashboard.blade.php

@@ -1,10 +1,5 @@
 <div class="p-6">
-    <div class="mb-8">
+    <x-page-header title="Dashboard" subtitle="Overview of your feed management system" />
-        <h1 class="text-2xl font-bold text-gray-900">Dashboard</h1>
-        <p class="mt-1 text-sm text-gray-500">
-            Overview of your feed management system
-        </p>
-    </div>
 
     <!-- System Statistics -->
     <div class="mb-8">

resources/views/livewire/feeds.blade.php

@@ -1,10 +1,5 @@
 <div class="p-6">
-    <div class="mb-8">
+    <x-page-header title="Feeds" subtitle="Manage your news feed sources" />
-        <h1 class="text-2xl font-bold text-gray-900">Feeds</h1>
-        <p class="mt-1 text-sm text-gray-500">
-            Manage your news feed sources
-        </p>
-    </div>
 
     <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
         @forelse ($feeds as $feed)

resources/views/livewire/routes.blade.php

@@ -1,11 +1,5 @@
 <div class="p-6">
-    <div class="mb-8 flex items-center justify-between">
+    <x-page-header title="Routes" subtitle="Manage connections between your feeds and channels">
-        <div>
-            <h1 class="text-2xl font-bold text-gray-900">Routes</h1>
-            <p class="mt-1 text-sm text-gray-500">
-                Manage connections between your feeds and channels
-            </p>
-        </div>
         <button
             wire:click="openCreateModal"
             class="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500"
@@ -15,7 +9,7 @@ class="inline-flex items-center px-4 py-2 border border-transparent text-sm font
             </svg>
             Create Route
         </button>
-    </div>
+    </x-page-header>
 
     <div class="space-y-6">
         @forelse ($routes as $route)

resources/views/livewire/settings.blade.php

@@ -1,10 +1,5 @@
 <div class="p-6" x-data x-on:clear-message.window="setTimeout(() => $wire.clearMessages(), 3000)">
-    <div class="mb-8">
+    <x-page-header title="Settings" subtitle="Configure your system preferences" />
-        <h1 class="text-2xl font-bold text-gray-900">Settings</h1>
-        <p class="mt-1 text-sm text-gray-500">
-            Configure your system preferences
-        </p>
-    </div>
 
     <div class="space-y-6">
         <!-- Article Processing Settings -->