Extend Dropdown Component to Support Children

[MaliceCg]

Description

We already have a dropdown component, but it only supports a flat list of items. We need to extend it so that dropdowns can also display nested children (grouped or hierarchical items) as displayed here

Requirements

Dropdown with groups/children
Parent items (e.g., "Landing tag", "Dashboard tag")
Child items under each parent (e.g., "Title dico (key dico)")

Code specification

use import { getUnmergedDictioanries } from "@intlayer/unmerged-dictionaries-entry" to retreive the dictioanries

Selection

• Support selecting both parent and child items.
  Selected items should be visually highlighted with a checkmark.
  If we select a parent item, all the children should be automatically selected.
  Also we can select one children item and the parent should not be selected.
• Search bar
  A text input at the top to filter both parent and child items.
• Styling
  Keep the existing dropdown UI style (rounded, dark theme, consistent padding).
  Nested children should be slightly indented or grouped for clarity.

Acceptance Criteria

Dropdown supports hierarchical data with children.
Parent and child items render correctly with proper styling.
Checkmarks show which items are selected.
Search bar filters across both parent and child items.
Works consistently across modern browsers.

[Wetshakat]

Hello @aymericzip

I’m Ishaku Dyelshak, a frontend developer. I’d be glad to contribute by working on this issue. Please let me know if there are any specific guidelines or steps you’d like me to follow.

Thanks in advance!

[Vedant817]

Hey @aymericzip, I would love to work upon this issue, could you please assign to me.