Add Action Button on Topbar

->renderHook(
                PanelsRenderHook::GLOBAL_SEARCH_AFTER,
                function () {
                    $action = Action::make('cartAction')
                        ->label('')
                        ->icon('heroicon-o-shopping-cart')
                        ->iconSize('lg')
                        ->color('gray')
                        ->iconButton()
                        ->slideOver()
                        ->form([
                            TextInput::make('subject'),
                        ])
                        ->action(function (array $data) {
                            // Handle the action logic here
                            dd($data);
                            
                        });

                    return view('components.add-cart-button', compact('action'));
                }
            )

<div class="relative">
    {{ $action }}
    <div class="absolute start-full top-1 z-[1] w-max -translate-x-1/2 -translate-y-1/2 rtl:translate-x-1/2" style="transform: translate(-50%, -50%) translate(5px, -5px);">
        <x-filament::badge size="xs" color="warning">3</x-filament::badge>
    </div>
</div>