📌 Overview
As the catalog of methods, tasks, and devices within Metriq-App continues to expand, users face challenges in understanding how each item fits within the overall hierarchy. Currently, the parent-child relationships are only revealed upon navigating into individual pages, which can obscure the logical structure.

To improve user experience, we propose implementing a tree-like (or similar) structure that displays the full hierarchy at a glance, apart from the option of navigating into individual pages.

🔍 Why It Matters
This enhancement will allow users to:

• Quickly comprehend the organizational structure of methods, tasks, and devices.
• Navigate efficiently between related items without excessive page traversals.
• Identify relationships and dependencies among different components.

✅ Acceptance Criteria

• An interactive, responsive tree-like (or other similar) visualization is implemented and integrated into the Metriq-App interface.
• Users can view and navigate the hierarchy of methods, tasks, and devices without navigating away from the visualization (one can start with tasks and then move to methods and devices.
• The component reflects real-time data and updates appropriately with changes.
• Comprehensive documentation is provided, detailing the implementation and usage of the new feature.