feat: Apply general styling, text colors, and input background to the…

[manshusainishab]

fixes #783

… explorer page, with minor layout and selector refinements.

also fixes a minor scss fix which is developed by PR #775 because of which the css is not applied to the page on main branch and the explore page was rendering with a white background

Now it is following the original UI which is on the current developed version and also fixes the text visibility issue of that page which is currently live.

[manshusainishab]

@northdpole this is a priority PR as the hidden text version is currently deployed and it is live please if you can review this and publish a version to update it.
Thanks

[PRAteek-singHWY]

Hi @manshusainishab, thanks for the fix here.

I reproduced the same blocking build error on current main / local run:

SassError: expected "}" in application/frontend/src/pages/Explorer/explorer.scss (around line 130).

This breaks webpack compile and blocks frontend validation.
The missing closing brace after #debug-toggle in this PR resolves that compile issue.

For context, issue #783 was triggered after earlier merged PR #767,

and the global page-level related to #783 ((where multiple pages appeared with an unintended dark/blue background after the overscroll patch) handling is already covered in PR #768.

Could we please keep the scope of this PR limited to the Sass compile fix above, since issue #783 and other fixes for rest of teh pages is already handled in PR #768.

Thanks again for the quick fix.

@northdpole please look into this, since this is live and high priority.