feat: add profile page

[ONEONUORA]

Profile Page Implementation

Description

This PR implements the profile page component following the design specifications. The implementation uses Next.js, TypeScript, and Tailwind CSS to create a fully responsive profile interface that works across mobile, tablet, and desktop devices.

Features Implemented

• User profile details form with first name, last name, pseudonym, email, and bio
• Profile picture upload functionality
• Responsive sidebar navigation
• Profile section tabs (Profile Details, Genre Specialization, Password, Social)
• Edit Profile button functionality
• Update password
• Genre specialization
• Update Socials links

Testing

• Tested on desktop, tablet, and mobile viewport sizes
• Verified form validation works correctly
• Confirmed profile picture upload functionality
• Ensured responsive design works on all breakpoints

Notes

• Form data is handled through React state with proper TypeScript interfaces
• Used Next.js Image component for optimized image handling
• Implemented with accessibility considerations