Fixed Navbar, color themes of the Power of Knowledge Blogs and Google Translate issues

[r7projects-shayan]

Related Issue

Closes: #1565

Closes: #1566

Description

Fixed color schemes of navbar and Power of Knowledge Blogs page to match the main theme color and made the navbar responsive, fixing the behavior and z index issues. Also fixed the scrollbar color.

Fixed Google translate overlapping issues and Google translate not working on Power of Knowledge Blogs page and fixed the responsiveness

Screenshots

BEFORE

AFTER

Checklist

• [x] My code adheres to the established style guidelines of the project.
• [x] I have included comments in areas that may be difficult to understand.
• [x] My changes have not introduced any new warnings.
• [x] I have conducted a self-review of my code.

[akshitagupta15june]

Great work!!

[akshitagupta15june]

Please fetch and merge to resolve conflicts

[r7projects-shayan]

@akshitagupta15june you can merge now. The conflicts are resolved