Filament performance

return $panel
  //
   ->navigationGroups([
      NavigationGroup::make()
          ->label('Aircraft')
          ->icon('heroicon-o-paper-airplane'),
      NavigationGroup::make()
          ->label('Logs')
          ->icon('heroicon-o-calendar'),
      NavigationGroup::make()
          ->label('Users')
          ->icon('heroicon-o-user-group'),
      //
  ])
  //

<div x-data="{ open: false }" class="no-print font-josefin sticky top-0 z-30 bg-white">
    <!-- Primary Navigation Menu -->
    <div class="mx-auto max-w-full">
        <div class="flex h-16 justify-between">
            <x-desktop-menu :items="$items"></x-desktop-menu>
        </div>

        <x-overdue-agreements-header />
    </div>

    <!-- Responsive Navigation Menu -->
    <x-mobile-menu :items="$items"></x-mobile-menu>
</div>

@if (auth()->user()->hasAgencyAdminRole() && auth()->user()->hasCurrentAgency() && $agreement = auth()->user()->currentAgency->hasDueAgreement())
    <div class="bg-danger-500 px-4 py-1 text-center text-xl text-white sm:px-6 lg:px-8">
        Your agency has pending agreements.
        <a href="{{ route('agreements.agreement.edit', ['id' => $agreement->id]) }}"> Click here to sign the agreement.</a>
    </div>
@endif