DApp-1549 Dropdown/Menu component

[corlard3y]

Pull Request Template

1545

• #1545

Description

• Introduce menu in blocks folder which has Menu component, which serves as parent component to the Menu Item component
• Added MenuItem component, which is the list of all items in the Menu component.
• Added Dropdown component too, which has a trigger to open the Menu(overlay), either on Hover action, or onClick action.
• Also, added light and dark mode support to these components

Problem/Feature

Create a dropdown and menu package in the blocks folder and introduce these dropdown and menu items as a react component so that these could be reused in other component.

Figma: https://www.figma.com/design/FvJL0JWHlsVohsHTERB1Lh/Push-Design-Foundations-%5BFuture%5D?node-id=2663-23523&t=XRHuzgCLtQkYnb4h-1

Type of Change

• [ ] Bug fix
• [x] New feature
• [ ] Code refactor
• [ ] Documentation update
• [ ] Other (please describe):

Checklist

• [ ] Quick PR: Is this a quick PR? Can be approved before finishing a coffee.
  • [ ] Quick PR label added
• [ ] Not Merge Ready: Is this PR dependent on some other PR/tasks and not ready to be merged right now.
  • [ ] DO NOT Merge PR label added

Frontend Guidelines

• [ ] Followed frontend guidelines as per the Guidelines Notion Doc

Build & Testing

• [x] No errors in the build terminal
• [ ] Engineer has tested the changes on their local environment
• [ ] Engineer has tested the changes on deploy preview

Screenshots/Video with Explanation

• Before: Explain the previous behavior

• After: What's changed now

Additional Context

Review & Approvals

• [ ] Self-review completed
• [ ] Code review by at least one other engineer
• [ ] Documentation updates if applicable

Notes

[github-actions[bot]]

All looks good.

[github-actions[bot]]

All looks good.

[github-actions[bot]]

PR Preview Action v1.4.7 :---: :rocket: Deployed preview to https://push-protocol.github.io/push-dapp/pr-preview/pr-1685/ on branch gh-pages at 2024-07-02 17:01 UTC

[github-actions[bot]]

All looks good.

[github-actions[bot]]

All looks good.

[github-actions[bot]]

All looks good.

[github-actions[bot]]

All looks good.

[github-actions[bot]]

All looks good.