fix: [Bug-4714-Admin] Borders for contrast mode and fixed resizing issue for 1280p

[Rohini-Microsoft]

Purpose

1. High contrast modes
Open CWYD Admin URL.
Go to system setting ->Accessibility->Contrast themes->select aquatic in drop down-> apply.
Go to CWYD Admin URL, you can find the screen, does not have separation border between left collapse and main screen.
Expected result: By providing borders to the fields.

2. Resizing: Text in the page should be adaptable to resizing up to 200% zoom in 1280p without overlap.
Open CWYD Admin URL.
Go to system setting ->System->Display resolution->select 1280P in drop down-> apply.
Go to CWYD Admin URL, you can find the screen, the content is not adaptable.
Expected result: Resize of the content so that the adaptable in the above resolution.

Does this introduce a breaking change?

• Yes
• No

How to Test

1. High contrast modes
Open CWYD Admin URL.
Go to system setting ->Accessibility->Contrast themes->select aquatic in drop down-> apply.
Go to CWYD Admin URL, you can find the screen, does not have separation border between left collapse and main screen.

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

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

Please find attached screenshot

[github-actions]

Coverage Report •

File	Stmts	Miss	Cover	Missing
code/backend
Admin.py	23	23	0%	5–9, 11, 13–14, 17, 20–21, 23–24, 27, 34–36, 39, 42–44, 46, 48
TOTAL	2569	565	78%

Tests	Skipped	Failures	Errors	Time
288	0 💤	0 ❌	0 🔥	40.002s ⏱️

[Roopan-Microsoft]

Approving the changes

[github-actions]

🎉 This PR is included in version 1.6.0 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀