Fixed Issue#247 light input borders

[keerthana-1]

Fixed Issue#247 light input borders

Description

Resolves #247

Changes

In UserAboutTab.tsx: Replaced existing inputs, buttons with Shadcn components. In TextField.tsx: Changed border color of Input elements to darker shade of gray (border-gray-500) for dark mode. Changed text color of hint text to light shade of gray (text-gray-400) so that it's readable for dark mode.

Checklist before requesting a review

• [y] I have performed a self-review of my code
• [y] I assure there are no similar/duplicate pull requests regarding the same issue
• [y] My changes follow the project's coding guidelines and best practices
• [y] Code is formatted properly and lint check passes successfully
• [y] I have made corresponding changes to the documentation (if applicable)

[vercel[bot]]

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

Name	Status	Preview	Comments	Updated (UTC)
medium-app	❌ Failed (Inspect)			Aug 12, 2024 10:12pm