fix: scrollbar bug fixed

[Aryakoste]

Fixes Issue #536

**My PR closes #536

👨‍💻 Changes proposed(What did you do ?)

• The fontsize of text inside the textarea was 18px + padding bottom(10px) + padding top(10px) it is 48 which is higher than its acutual height which is 45px so i increased it to 48px for the content to not overflow.
• I set overflow auto to both chat input and chat container which will only show scrollbar when the content overflows the container which solves the problem.

✔️ Check List (Check all the applicable boxes)

• My code follows the code style of this project.
• This PR does not contain plagiarized content.
• The title and description of the PR is clear and explains the approach.

Note to reviewers

📷 Screenshots

[vercel]

Someone is attempting to deploy a commit to a Personal Account owned by @Dun-sin on Vercel.

@Dun-sin first needs to authorize it.

[github-actions]

PR Compliance Checks Passed!

[vercel]

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

Name	Status	Preview	Comments	Updated (UTC)
whisper	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 24, 2023 1:23pm

[Dun-sin]

if you want to change it to 48px then you have to change it here too:

https://github.com/Dun-sin/Whisper/blob/dd0dc794c584a86c5325cd366b68d9d92547837b/client/src/components/Chat.jsx#L220C3-L220C34

[Dun-sin]

You did great, thanks for contributing, I hope you will stick around and continue to contribute to this project.

Consider giving this project a star and joining the community discord server if you haven't for more resources and opportunities to connect with others. 👉🏽here👈🏽