[UI/UX] Create a common Vue component for dropdown buttons

[proddata]

Description

We currently use several variations of “button with dropdown” patterns across the UI (e.g. for downloading execution summaries, dashboard selection, run actions, etc.). These implementations differ in behavior, styling, and interaction patterns, which leads to an inconsistent user experience and duplicated code.

Goal

Introduce a single, reusable Vue component for buttons with dropdowns that can be used across the UI.

This component should:

• Support a primary action + secondary actions
• Have consistent styling and interaction

relates to #13702

[MdTanwer]

hey @proddata I’d like to work on this issue. Could you please assign it to me?

[Ms-Kulkarni]

Hey can i work on this isssue this will be my first but meaning full contribution @MilosPaunovic

[MilosPaunovic]

Hi @Ms-Kulkarni,

This issue already is already assigned, but if you're still willing to contribute, may I suggest that you check our curated list of good first issues to see if there is something you find interesting enough and think you can tackle independently. It can be further filtered by desired labels to narrow down the results (suggesting to filter by either area/backend or area/frontend ones, based on your preferences).

[Ms-Kulkarni]

Thanks for the feedback! Understood. Appreciate the guidance.

[Ms-Kulkarni]

Hey @MilosPaunovic is this issue is still open to work on it if yes please Assign to me!

[MdTanwer]

@Ms-Kulkarni i m working now EOD i will Raise PR

[Ms-Kulkarni]

Sure @MdTanwer go for it.