fix: [Bug-4717: Citation Panel] proving borders and resize of the content without overlap.

[Rohini-Microsoft]

Purpose

By providing borders to the fields.
Resize of the content without overlap.

Does this introduce a breaking change?

• Yes
• No

How to Test

1. High contrast modes
Open CWYD URL.
Go to system setting ->Accessibility->Contrast themes->select aquatic in drop down-> apply.
Go to CWYD URL, you can find the screen, does not have border, so there is no separation between citation panel and other section.

2. Resizing: Text in the page should be adaptable to resizing up to 200% zoom in 1280p without overlap.
Open CWYD URL.
Go to system setting ->System->Display resolution->select 1280P in drop down-> apply.
Go to CWYD URL, zoom it to 200%, you can find the screen the content overlapping, and conversation area is not visible.

git clone [repo-address]
cd [repo-name]
git checkout [branch-name]
npm install

Please find attached screenshot for reference

[github-actions]

Coverage Report •

File	Stmts	Miss	Cover	Missing
TOTAL	2502	561	77%

report-only-changed-files is enabled. No files were changed during this commit :)

Tests	Skipped	Failures	Errors	Time
278	0 💤	0 ❌	0 🔥	33.543s ⏱️

[github-actions]

🎉 This PR is included in version 1.6.0 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀