Help page and Settings Page UI enhancement

[gaurav884]

Description

• Updated the UI of the "Help Page" and "Settings Page".
• Made layout responsive.
• Altered the old test according to the addition of new HTML elements.

Related Issue

Updated the UI of the "Help Page" and "Settings Page" to get rid of additional dependencies and better user experience

Motivation and Context

Using our own code rather than using the framework gives more flexibility and more precision in implementing the UI.

Reviewers

@7a @sharmamohit123 @viyatb @saganshul

How Has This Been Tested?

I ran the test using the command "npm run test" and all the test cases passed successfully.

Screenshots (please click on the images for better view):

(BEFORE)**

Mobile Design

--

Desktop Design

--

--

(AFTER)

Mobile Design

--

Desktop Design

--

Types of changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to change)
• Other

Checklist:

• My code follows the code style (modified PEP8) of this project.
• My change requires a change to the documentation.
• I have updated the documentation accordingly.