Unsavedchanges feature outside of panels

// in your custom page

class ViewWorkRequest extends ViewRecord
{
    use HasUnsavedDataChangesAlert;


    public function mount(int|string $record): void
    {
        parent::mount($record);
        $this->hasUnsavedDataChangesAlert();
        $this->form->fill();
    }
 }

// in blade file
<div>
    {{ $this->form }}

    <div class="mt-6 text-end">
        <x-filament::button wire:click="save">
            Save
        </x-filament::button>
    </div>

    <x-filament-panels::page.unsaved-data-changes-alert />
</div>

// in your custom page

class ViewWorkRequest extends ViewRecord
{
    use HasUnsavedDataChangesAlert;


    public function mount(int|string $record): void
    {
        parent::mount($record);
        $this->hasUnsavedDataChangesAlert();
        $this->form->fill();
    }
 }

// in blade file
<div>
    {{ $this->form }}

    <div class="mt-6 text-end">
        <x-filament::button wire:click="save">
            Save
        </x-filament::button>
    </div>

    <x-filament-panels::page.unsaved-data-changes-alert />
</div>