fix: Added UI changes (Landing Screen)

[Rohini-Microsoft]

Purpose

1. Images
   Need to add an alternative text for images and icons.

2. High contrast modes
   By providing borders to the fields.

3. Resizing: Text in the page should be adaptable to resizing up to 200% zoom in 1280p without overlap.
   Resize of the content without overlap based on the above resolution.

• Yes
• No

How to Test

1. Images:
   Open CWYD URL.
   Open inspect
   Alternative text for Images and icons.

2. 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 that it's difficult for user text direction and where to ask the question.

3. 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, you can find the screen, the content overlapping.

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

Please find attached below images 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 🔥	36.297s ⏱️

[Roopan-Microsoft]

Approving the changes

[github-actions]

🎉 This PR is included in version 1.5.2 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀