Setting page UI enhancement and responsiveness ( UI / MUI )

[Sky-De]

Describe the bug
Currently settings page is not aligned with material design principles

To Reproduce
Steps to reproduce the behavior:

1. Go to the main page
2. Click on sidebar
3. Click on the setting

Expected behavior
The UI of this page should be clean and ordered for better UI / UX, also it should be responsive

Screenshots
Current UI Desktop :

Current UI Mobile :

[ x ] I will fix this issue and create a PR

[Sky-De]

@gbowne1 assign this to me please, I will fix this issue tomorrow morning and you will receive PR related to this issue, thanks, skyDe

[gbowne1]

@Sky-De Ok. Thank you.