[CAL-1030] fix flickering border issue in menu layout for mobile

[amirfakhrullah]

What does this PR do?

• Fixing the flickering border issue in menu layout for mobile

Fixes #6992

Screen.Recording.2023-02-10.at.8.30.54.PM.mov

Environment: Staging(main branch) / Production

Type of change

• Bug fix (non-breaking change which fixes an issue)

How should this be tested?

• Run the web app locally and go to /event-types
• Test the menu layout

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated
cal	✅ Ready (Inspect)	Visit Preview	💬 Add your feedback	Feb 13, 2023 at 3:35PM (UTC)
ui	✅ Ready (Inspect)	Visit Preview	💬 Add your feedback	Feb 13, 2023 at 3:35PM (UTC)

[vercel]

@amirfakhrullah is attempting to deploy a commit to the cal Team on Vercel.

A member of the Team first needs to authorize it.

[Udit-takkar]

@amirfakhrullah try to use DropdownItem inside DropdownMenuItem if possible just like it is used in other parts of codebase

[amirfakhrullah]

@Udit-takkar I just changed it. I can confirm that all pages/sections that use the DropdownMenuItem component working fine:

Screen.Recording.2023-02-11.at.1.56.42.PM.mov

Screen.Recording.2023-02-11.at.1.57.05.PM.mov

[Udit-takkar]

@amirfakhrullah Works great 👏. In the first video just make sure there are no double borders in the delete item

[amirfakhrullah]

Done @Udit-takkar . Here's the vid:

Screen.Recording.2023-02-11.at.3.16.23.PM.mov

[amirfakhrullah]

@Udit-takkar is there anything else I need to update in here?

[Udit-takkar]

@amirfakhrullah thanks for working on this.
I have made some changes. just to be consistent on how we are using dropdown in codebase

[amirfakhrullah]

I see. Happy to contribute 🚀