Dropdown: Add scroll and max-height properties

[CaseMonster]

Occasionally I've come across dropdowns that i need to cut off to a certain height to make them look good. This change adds a new property to Dropdown that adds an overflow and fixed height to allow the inner elements to be scrollable.

Default behavior is the same.

Adding only 'scroll' will add the overflow and a default max height.

Specifying scroll and max-height allows you to customize the height of the menu.

[CaseMonster]

@php
    $array = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15'];

@endphp

<x-card class="w-1/2 h-full">
    <div class="flex gap-4">

        <x-dropdown label="Normal Behavior" class="btn">
            @foreach ($array as $item)
                <x-menu-item title="Dropdown Item {{ $item }}" />
            @endforeach
        </x-dropdown>

        <x-dropdown label="Scrolling w/ Default Max Height" class="btn" scroll>
            @foreach ($array as $item)
                <x-menu-item title="Dropdown Item {{ $item }}" />
            @endforeach
        </x-dropdown>

        <x-dropdown label="Scrolling w/ max-h-64" class="btn" scroll max-height="max-h-64">
            @foreach ($array as $item)
                <x-menu-item title="Dropdown Item {{ $item }}" />
            @endforeach
        </x-dropdown>

    </div>
</x-card>