Breadcrumb Path In Search Bar When Adding Item to List

We are experiencing difficulties when trying to add items to lists that share the same name across different nested structures. To improve the user experience and facilitate easier navigation, we propose implementing a breadcrumb navigation system a forward slash delimiter or a greater than sign delimiter. This will allow users to clearly identify the path to specific lists, especially when dealing with multiple lists of the same name.

Steps to Reproduce

1. Create a new item

2. Navigate to the Save To List interface.

3. Attempt to identify any contextual reference to that list or unique identifier.

4. Observe the confusion caused by the lack of clear identification for the lists.

Acceptance Criteria

• Implement a breadcrumb navigation system that displays the full path to a list using dot notation (e.g., Tronspark.YouTubePosts.Document), or using delimiters like a forwardslash / or a greater than symbol >

• Ensure that users can easily type in the breadcrumb path to locate and add items to the correct list.

• The breadcrumb should dynamically update based on the user's current location within the nested lists.

• Provide visual indicators for the breadcrumb path to enhance user-friendliness.

• Ensure that the system can handle multiple levels of nesting without performance degradation.

Link to Loom
https://loom.com/share/401c2ed52a5040eeb8938c13850788cc?src=composer