fix(ui): sync chart tooltips only inside the plot area and remove the heading gap

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

resources/views/layouts/base.blade.php

@@ -181,6 +181,11 @@
                     if (!event.isTrusted || !rect?.width || !(maxX > minX)) {
                         return;
                     }
+                    // ApexCharts hides the source tooltip outside the plot grid; hide the peers too.
+                    if (event.clientX < rect.left || event.clientX > rect.right || event.clientY < rect.top || event.clientY > rect.bottom) {
+                        peers(source).forEach(hide);
+                        return;
+                    }
                     const timestamp = minX + (event.clientX - rect.left) / rect.width * (maxX - minX);
 
                     peers(source).forEach(chart => {

resources/views/livewire/project/application/heading.blade.php

@@ -1,4 +1,4 @@
-<nav wire:poll.10000ms="checkStatus" class="w-full max-w-none pb-4 md:pb-6 lg:pb-0">
+<nav wire:poll.10000ms="checkStatus" class="w-full max-w-none">
     <div>
         @if ($application->build_pack === 'nixpacks')
             <x-callout type="warning" title="Nixpacks is deprecated" class="mb-4">

resources/views/livewire/project/database/heading.blade.php

@@ -1,4 +1,4 @@
-<nav wire:poll.10000ms="checkStatus" class="w-full max-w-none pb-4 md:pb-6 lg:pb-0">
+<nav wire:poll.10000ms="checkStatus" class="w-full max-w-none">
     @php
         $databasePageItems = [
             [

resources/views/livewire/project/service/heading.blade.php

@@ -1,4 +1,4 @@
-<nav wire:poll.10000ms="checkStatus" class="w-full max-w-none pb-4 md:pb-6 lg:pb-0">
+<nav wire:poll.10000ms="checkStatus" class="w-full max-w-none">
     @php
         $serviceStatus = str($service->status ?? 'exited');
         $selectedResourceUuid = data_get($parameters, 'stack_service_uuid');