Addition: Add option to get Current Router/dialog/pushed/pop in debug console in a Nice Looking UI with proper details as much as possible

[fisforfaheem]

Enhanced Debugging UI for Router/Dialog Stack

Description: I would like to request the addition of a feature that provides a user-friendly and detailed UI in the debug console for tracking the current router state, dialogs, and navigation actions (e.g., push, pop).

Details:

Current Router: Display the active routes with full details, including parameters, names, and paths.
Dialog Stack: Show currently active dialogs and their properties, like type, content, and whether they are modal or non-modal.
Push/Pop Actions: Log each navigation action with details like timestamp, route name, parameters, and source widget.
UI Enhancement: Present this information in a structured and visually appealing manner, making it easier for developers to monitor and debug navigation flows.

Benefits:
Improved Debugging: Easier tracking of complex navigation and dialog flows, especially in apps with nested navigation.
Enhanced Productivity: Less time spent manually tracking routes and dialogs, leading to faster development and debugging cycles.
Clear Insights: A more visual approach to understanding the current app state, reducing the likelihood of missing important navigation-related issues.