Feature: Add "Settings" Button to sidebar

[SoumyadiptoPal]

• What kind of change does this PR introduce? (Bug fix, feature, docs update, ...)
  Feature: Add "Settings" Button to sidebar
• Why was this change needed? (You can also link to an open issue here)
  solves issue 🚀 Feature: Add "Settings" Button to sidebar #664
• Other information:

Settings_DOCSGPT.mp4

[vercel]

@SoumyadiptoPal is attempting to deploy a commit to the Arc53 Team on Vercel.

A member of the Team first needs to authorize it.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
docs-gpt	❌ Failed (Inspect)			Oct 31, 2023 6:19pm
nextra-docsgpt	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 31, 2023 6:19pm

[codecov]

Codecov Report

Merging #691 (6fc31dd) into main (4c6b8b4) will not change coverage.
Report is 8 commits behind head on main.
The diff coverage is n/a.

❗ Current head 6fc31dd differs from pull request most recent head f052c70. Consider uploading reports for the commit f052c70 to get more accurate results

@@           Coverage Diff           @@
##             main     #691   +/-   ##
=======================================
  Coverage   19.69%   19.69%           
=======================================
  Files          62       62           
  Lines        2844     2844           
=======================================
  Hits          560      560           
  Misses       2284     2284           

see 1 file with indirect coverage changes

📣 We’re building smart automated test selection to slash your CI/CD build times. Learn more

[SoumyadiptoPal]

@dartpain please review this pull request

[tenokami]

@SoumyadiptoPal

1. 

2. Inactive tabs in light theme should have this font color like in figma: 747474, and on hover only text font color changes to: 7D54D1
   

Should be like in figma:

https://www.figma.com/file/OXLtrl1EAy885to6S69554/DocsGPT?type=design&node-id=0%3A1&mode=design&t=T4nxPNHoRqKVSe7a-1

4. I'd prefer if the gear icon for settings matched the one in figma
   

5. On mobile screens, let's not use horizontal scroll bar. And instead make the same way it is on YouTube
   

i've placed arrors next to the frame in figma

[SoumyadiptoPal]

@tenokami @dartpain can you please review and kindly merge this PR as today is the last day of hacktoberfeast. I will open separate issue to address the minute changes if required.

[tenokami]

@SoumyadiptoPal Thank you

@dartpain WIll merge it shortly.

I'm gonna make a separate issue with some adjustments

[tenokami]

@SoumyadiptoPal #740

[SoumyadiptoPal]

@SoumyadiptoPal #740

Thank you sir. I will start working on the new issue😊

[SoumyadiptoPal]

@dartpain please merge🫠🫠

[dartpain]

Thank you so much!
Btw all PR that have been created before and including 31st count towords contributions by hacktoberfest even if merged 7 days after