Client: Added a Scrollbar

[realnilesh]

Description

Added a funky scollbar which which changes gradient by 60deg

How to Test

navigate to frontend directory and run the "npm run dev " commmand

Checklist

• I have tested these changes locally.
• I have reviewed the code and ensured it follows the project's coding guidelines.
• [ ] I have updated the documentation, if necessary.
• [ ] I have assigned reviewers to this pull request.

Screenshots (if applicable)

scrollbar without hover

scrollbar with hover

[vercel[bot]]

@realnilesh is attempting to deploy a commit to the Shivansh Bhatanagar's projects Team on Vercel.

A member of the Team first needs to authorize it.

[kuv2707]

@shivansh-bhatnagar18 There's some issue with vercel deployments.

Also please review the design of the scrollbar.

@realnilesh Please change the commit message to match the format.

[realnilesh]

Bhaiya how should i edit the code , it is failing the prettier check

[kuv2707]

You can run npm fun fix-format in the frontend directory to fix all the prettier errors.

[realnilesh]

You can run npm fun fix-format in the frontend directory to fix all the prettier errors.

Ran the above command to make the commit pass prettier check

[kuv2707]

The changes look good, but the commits are messed up.

Do take the time to learn how to edit commit history and also read the docs for some examples and tutorials.

[kuv2707]

Squashed and merged, thanks @realnilesh

[realnilesh]

Squashed and merged, thanks @realnilesh

My pleasure bhaiya

[realnilesh]

The changes look good, but the commits are messed up.

Do take the time to learn how to edit commit history and also read the docs for some examples and tutorials.

Surely I will learn and improve ,this was my first time contributing to open source