feat: Ui Enhancements introduce two Ui changes, Filter section toggle and document section Resizer

[Vemarthula-Microsoft]

Purpose

This pull request introduces a resizable panel feature to the home page, allowing users to adjust the widths of the documents and chat panels interactively. It also adds the ability to collapse and expand the filter panel, improving the flexibility and usability of the layout. The implementation includes a new PanelResizer component, corresponding styles, and modifications to the home page logic and layout.

Resizable Panels and Filter Panel Improvements

• Added a new PanelResizer React component (panelResizer.tsx) that enables users to resize the documents and chat panels by dragging a handle, with enforced minimum widths for usability. ([App/frontend-app/src/components/resizer/panelResizer.tsxR1-R125](https://github.com/microsoft/Document-Knowledge-Mining-Solution-Accelerator/pull/440/files#diff-4a0a17a1cbf4abdffaa33d1eeae9df1efa81d856d01041f12f3544df885147c6R1-R125))
• Created new styles for the resizer and resizable panels in panelResizer.scss, including visual feedback for dragging and hover states, and global cursor overrides for a smoother UX. ([App/frontend-app/src/components/resizer/panelResizer.scssR1-R64](https://github.com/microsoft/Document-Knowledge-Mining-Solution-Accelerator/pull/440/files#diff-d9d940a8b8069e8ace73f4424357cc88763b2f4b8648dd57687b867e2f45998aR1-R64))
• Updated the home page layout in home.tsx to use percentage-based widths for the documents and chat panels, making them dynamically adjustable via the resizer. ([[1]](https://github.com/microsoft/Document-Knowledge-Mining-Solution-Accelerator/pull/440/files#diff-45f592c539c293cb5c8ab7787435a92d5dba3424e228cf9fd3a4c0e64baa66c4R69-R71), [[2]](https://github.com/microsoft/Document-Knowledge-Mining-Solution-Accelerator/pull/440/files#diff-45f592c539c293cb5c8ab7787435a92d5dba3424e228cf9fd3a4c0e64baa66c4R567-R586), [[3]](https://github.com/microsoft/Document-Knowledge-Mining-Solution-Accelerator/pull/440/files#diff-45f592c539c293cb5c8ab7787435a92d5dba3424e228cf9fd3a4c0e64baa66c4R690-R702))
• Added logic and UI for collapsing and expanding the filter panel, including toggle buttons with appropriate icons and transitions for a seamless user experience. ([[1]](https://github.com/microsoft/Document-Knowledge-Mining-Solution-Accelerator/pull/440/files#diff-45f592c539c293cb5c8ab7787435a92d5dba3424e228cf9fd3a4c0e64baa66c4R244-R252), [[2]](https://github.com/microsoft/Document-Knowledge-Mining-Solution-Accelerator/pull/440/files#diff-45f592c539c293cb5c8ab7787435a92d5dba3424e228cf9fd3a4c0e64baa66c4L529-R555), [[3]](https://github.com/microsoft/Document-Knowledge-Mining-Solution-Accelerator/pull/440/files#diff-45f592c539c293cb5c8ab7787435a92d5dba3424e228cf9fd3a4c0e64baa66c4R567-R586))
• Enhanced panel and filter panel styling and transitions in home.module.scss to support the new resizable and collapsible features, ensuring smooth animations and minimum width constraints. ([App/frontend-app/src/pages/home/home.module.scssR40-R97](https://github.com/microsoft/Document-Knowledge-Mining-Solution-Accelerator/pull/440/files#diff-a3541d5e5a917d57521b5d7f8378304b83c77085292cb29ed714343c52de270cR40-R97))

These changes collectively provide a more flexible and interactive layout, enabling users to customize their workspace according to their needs.

Does this introduce a breaking change?

• Yes
• No

Golden Path Validation

• I have tested the primary workflows (the "golden path") to ensure they function correctly without errors.

Deployment Validation

• I have validated the deployment process successfully and all services are running as expected with this change.

What to Check

Verify that the following are valid

• ...

Other Information

[github-actions]

🎉 This PR is included in version 1.0.0 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀