Refactor Profile.tsx

[deepraj21]

Describe the bug
Refactor Profile.tsx code into components for better reusability and readability.

To Reproduce
Steps to reproduce the behavior:

1. Go to './cliet' and execute (npm run dev) to start client
2. Click on 'localhost:5173/u/username'
3. Go to './client/src/components/Profile/Profile.tsx'

Screenshots

[amankumarconnect]

I fixed this issue in pull request #61 as a contribution for HacktoberFest.
please have a look

[deepraj21]

@amankumarconnect are you working on this?

[DanielAgbeni]

I guess it has been fixed

[deepraj21]

The UI is fixed but I want to refactor the code so that it can be reused and readable.

Breaking the code into components.

[amankumarconnect]

@deepraj21 No I got busy with something and can't work with this.

[DanielAgbeni]

Assign me