OCD-4930 Standardized Left Hand Filters

[mattystank]

This pull request introduces a significant UI/UX refactor to the filter and results layout across several views, making filter chips more visually distinct and responsive, and consolidating filter-related controls into a new ChplFilterLayout component. The changes improve consistency, accessibility, and maintainability of filter UI elements throughout the application.

Filter Layout Refactor and UI Improvements:

• Introduced a new ChplFilterLayout component that wraps filter chips and filter-related controls, providing a responsive sidebar layout with toggleable visibility on mobile and sticky positioning on desktop. This replaces direct usage of ChplFilterChips in multiple views.
• Updated all relevant views (change-requests-view.jsx, products-view.jsx, complaints-view.jsx, certification-criteria-view.jsx) to use ChplFilterLayout instead of rendering filter chips directly, ensuring a consistent filter UI across the app. [1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11] [12]

Filter Chips Visual and Functional Enhancements:

• Refactored ChplFilterChips to display chips inside a Material-UI Card, improved spacing, alignment, and chip label rendering (including status icons for certification statuses), and enhanced responsiveness. [1] [2] [3] [4] [5]
• Improved chip delete icon styling and chip label layout for better accessibility and appearance. [1] [2]

Sticky and Responsive Filter Search Bar:

• Enhanced ChplFilterSearchBar with a new sticky mode and fade background option, making the search bar stick to the top of the viewport with a gradient effect when scrolling. This is now enabled in the certification criteria view. [1] [2] [3] [4]
• Added props to control sticky behavior and fade background color, improving flexibility for different views. [1] [2]

Codebase Maintenance and Consistency:

• Updated filter component exports to include ChplFilterLayout for easier import and usage. [1] [2]
• Minor cleanup and refactoring in certification-criteria-view.jsx for style consistency and to use the new layout components. [1] [2] [3]

These changes collectively modernize and unify the filter and results UI, making it more user-friendly and maintainable.