ENG-986 Quick UI refactor on Canvas Drawer (#507)

* Enhance CanvasDrawer with improved filtering and grouping of discourse nodes

- Refactored CanvasDrawerContent to support better organization of shapes by type and duplicates.
- Introduced color coding for node types and improved UI with tabs for filtering between all nodes and duplicates.
- Added functionality to reset filters and handle shape selection more intuitively.
- Updated rendering logic to display node types and their respective colors dynamically.
- Improved overall code structure for better readability and maintainability.

* Refactor color handling in CanvasDrawer and DiscourseNodeUtil

- Moved color constants to DiscourseNodeUtil for better organization and reusability.
- Updated CanvasDrawer to utilize the new color constants and added error handling for color parsing.
- Improved code readability by cleaning up imports and restructuring color logic.
- Ensured fallback colors are applied in case of parsing failures.

* Enhance color handling in CanvasDrawer for discourse nodes

- Improved the getNodeColors function to handle cases where discourseContext or node data may be undefined.
- Added validation for formatted text colors using the colord library, ensuring fallback to palette colors on parsing failures.
- Streamlined color selection logic for better readability and maintainability.

* revert to list view

* .

Author: mdroidian