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

@@ -1,16 +0,0 @@
-@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,6 +66,9 @@ 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,5 +1,11 @@
 <div class="p-6">
-    <x-page-header title="Articles" subtitle="Review and manage article routing">
+    <div class="mb-6 flex items-start justify-between">
+        <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"
@@ -13,7 +19,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>
-    </x-page-header>
+    </div>
 
     {{-- Tab bar --}}
     <div class="mb-6 border-b border-gray-200">

resources/views/livewire/channels.blade.php

@@ -1,5 +1,10 @@
 <div class="p-6">
-    <x-page-header title="Channels" subtitle="Manage your platform channels and linked accounts" />
+    <div class="mb-8">
+        <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,5 +1,10 @@
 <div class="p-6">
-    <x-page-header title="Dashboard" subtitle="Overview of your feed management system" />
+    <div class="mb-8">
+        <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,5 +1,10 @@
 <div class="p-6">
-    <x-page-header title="Feeds" subtitle="Manage your news feed sources" />
+    <div class="mb-8">
+        <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,5 +1,11 @@
 <div class="p-6">
-    <x-page-header title="Routes" subtitle="Manage connections between your feeds and channels">
+    <div class="mb-8 flex items-center justify-between">
+        <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"
@@ -9,7 +15,7 @@ class="inline-flex items-center px-4 py-2 border border-transparent text-sm font
             </svg>
             Create Route
         </button>
-    </x-page-header>
+    </div>
 
     <div class="space-y-6">
         @forelse ($routes as $route)
@@ -150,7 +156,7 @@ class="inline-flex items-center px-4 py-2 border border-transparent text-sm font
 
                 <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">&#8203;</span>
 
-                <div class="relative z-10 inline-block align-bottom bg-white rounded-lg px-4 pt-5 pb-4 text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full sm:p-6">
+                <div class="inline-block align-bottom bg-white rounded-lg px-4 pt-5 pb-4 text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full sm:p-6">
                     <h3 class="text-lg font-medium text-gray-900 mb-4">Create New Route</h3>
                     <form wire:submit="createRoute" class="space-y-4">
                         <div>
@@ -232,7 +238,7 @@ class="px-4 py-2 text-sm font-medium text-white bg-blue-600 border border-transp
 
                 <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">&#8203;</span>
 
-                <div class="relative z-10 inline-block align-bottom bg-white rounded-lg px-4 pt-5 pb-4 text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full sm:p-6">
+                <div class="inline-block align-bottom bg-white rounded-lg px-4 pt-5 pb-4 text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full sm:p-6">
                     <div class="flex items-center justify-between mb-4">
                         <h3 class="text-lg font-medium text-gray-900">Edit Route</h3>
                         <button wire:click="closeEditModal" class="text-gray-400 hover:text-gray-600">

resources/views/livewire/settings.blade.php

@@ -1,5 +1,10 @@
 <div class="p-6" x-data x-on:clear-message.window="setTimeout(() => $wire.clearMessages(), 3000)">
-    <x-page-header title="Settings" subtitle="Configure your system preferences" />
+    <div class="mb-8">
+        <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 -->
@@ -58,7 +63,7 @@ class="flex-shrink-0"
                             min="0"
                             max="1440"
                             step="1"
-                            class="w-24 rounded-md border-gray-300 px-3 py-2 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 text-sm"
+                            class="w-20 rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm"
                         />
                         <button
                             wire:click="updateArticlePublishingInterval"
@@ -128,7 +133,7 @@ class="flex-shrink-0"
                             wire:model="feedStalenessThreshold"
                             min="0"
                             step="1"
-                            class="w-24 rounded-md border-gray-300 px-3 py-2 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 text-sm"
+                            class="w-20 rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm"
                         />
                         <button
                             wire:click="updateFeedStalenessThreshold"