## Dropdown

/**
 * Dropdown Component
 *
 * @param string $avatar URL of the avatar image to be displayed in the dropdown.
 * @param string $name The name of the user to be displayed in the dropdown header.
 * @param string|null $role The role of the user, displayed below the name if provided.
 * @param array $menu An array of menu items, where each item is an associative array containing:
 *      - string $name The name of the menu item.
 *      - string $icon The icon associated with the menu item, used for visual representation.
 **/
 ```
    $x-frontend::overlays.dropdown avatar="https://cdn.flyonui.com/fy-assets/avatar/avatar-1.png" name="John Doe" role="Admin" :menu="[
            ['name' => 'My Profile', 'icon' => 'user', 'link' => '#'], 
            ['name' => 'Settings', 'icon' => 'settings', 'link' => '#'], 
            ['name' => 'Billing', 'icon' => 'receipt-rupee', 'link' => '#'], 
            ['name' => 'FAQs', 'icon' => 'help-triangle', 'link' => '#']]"
            signout="#" signout_text="Sign out">
    </x-frontend>
```
## Dropdown with text
```
    <x-frontend::overlays.dropdown :menu="[
            ['name' => 'My Profile', 'icon' => 'user', 'link' => '#'], 
            ['name' => 'Settings', 'icon' => 'settings', 'link' => '#'], 
            ['name' => 'Billing', 'icon' => 'receipt-rupee', 'link' => '#'], 
            ['name' => 'FAQs', 'icon' => 'help-triangle', 'link' => '#']]">
        <x-slot:text>
            <span>John Doe</span>
        </x-slot>
    </x-frontend>
```