Implement Flat List UI for Dictionary Leaves

[MaliceCg]

Description

We need a flat list view of the dictionary. Unlike the hierarchical viewer, this one should only display leaf elements (the end of the hierarchy), while still showing the full path that leads to them. Each entry must also include the dictionary tag for clarity.
Here is the design

Requirements

• Leaf-only display
  Show only the last nodes of the hierarchy (fields without children).
  Ignore parent nodes unless they are leaves themselves.
• Tree path display
  Each leaf should show its full path (e.g., Dictionary → Section → Field).
  Path can be displayed as breadcrumbs or concatenated text.
• Dictionary tag
  Each entry should display the tag of the dictionary it belongs to (e.g., LANDING).
• UI design
  Clean, flat design (no nested expanding UI).
  Each row = path to leaf + tag.

References

• Breadcrumb: packages/@intlayer/design-system/src/components/Breadcrumb
• Tag: packages/@intlayer/design-system/src/components/Tag

Acceptance Criteria

Only leaf nodes are displayed in the flat list.
Each entry shows the full path from root to leaf.
Dictionary tag is clearly displayed next to each leaf.
Matches existing dark theme and flat design style.

[AmandaSternberg-creator]

Hi! I am interested in contributing to this project as part of my studies in open source. This feels like an issue I could manage and would love to work on it. Is that OK?

[aymericzip]

Hey @AmandaSternberg-creator

Sure, you can create a new pages (/[locale]/test) on the website to try to implement it. If you need fake dictionaries data, you can get the ones from @intlayer/unmerged-dictionaries

It will make your life easier to do not have to set up the backend etc