Issue 27 - Implement Profile Section (frontend)

[23abdul23]

Figma Link : https://www.figma.com/design/p8XcPRAhr6LANKMmQCYNdq/SnapMap-Design?node-id=68-622&p=f&t=jo6LSLEvDSA4QCMR-0

Refer to the finalized design and Make the Profile Screen.

1. Implement the whole thing
2. the image upload make it in a array , for now use some mock data that fetch some online url of images and loads them
3. Ensure that the user can upload it's own profile photo and edit the Profile (Like College Name and phone number) send that to a api end point /api/v1/auth/profile-update

{
profileImg : '...',
phoneNo : '...',
collegeName : '...',
year: '..'
}

4. Ensure that proper redirection works properly, clicking on settings takes you to settings Screen.

Work inside frontend/src/screens/ follow the current .tsx files and update the required styling in the frontend/src/styles/ folder separately.

ENSURE THAT THE FRONTEND FOLLOWS THE DESIGN STRICTLY

DO NOT LOOSE ANY EXISTING FUNCTIONALITY

Note: You do not need to implement the bottom Navbar that will be done in the navigation itself

[sshekhar563]

Claim

[23abdul23]

/info

[OpenGitBot]

User	Repo
sshekhar563	Alum-X-Backend (1)

[23abdul23]

@sshekhar563

Assigned to you

[arushrai007]

CAN I WORK ON THIS??