Updates to Bottom Sheet (aka DrawerMenu)

# Figma document

- [Bottom Sheet component](https://www.figma.com/file/rTaQE2nIUSLav4Tg3nozq7/Compound-Web-Components?type=design&node-id=3630-58727&mode=design&t=qk9qr9qytHcn23IA-4)

# Storybook page

- [DrawerMenu](https://compound-web.pages.dev/?path=/story/menu-drawermenu--drawer-menu)

# Platform

- Web

# Updates requested

There are missing variants and the spacing of menu items and separator seems off.

**Variants:**

- Account
- Nav List (existing)
- Filter List
- Sort List
- Options List
- Content

**Design nits:**
- The margin between the menu items, separator, and destructive button seems off (there should be more margin)
- The upper left/right corner radius should be 16px, not 24px (or whatever it is now)
- Double check the colour value used for the gray handle (should be "color/icon/quaternary")