Feat/frontend/preference page format

[Nogunmesa]

This update introduces several enhancements to the user preferences and profile page to improve both functionality and visual appeal. Key adjustments include the updating of user preference forms, synchronization between profile data, and design improvements for a more cohesive experience.

Changes Made:

• Refined the user preferences form to ensure proper data display from the database, including an updated sleep hour input field with specific increments.
• Improved the user interface design, ensuring the profile page is visually consistent with the calendar(header).
• Added functionality to reset forms based on default values and added better handling of the preference data in the UI.

What to Test:

• Form Functionality: Verify that changes to user preferences, including sleep hours and work duration, are correctly saved and displayed.
• Profile Page Layout: Check that the profile page reflects user preferences correctly and maintains visual consistency.
• User Interaction: Ensure the user is able to edit preferences seamlessly and that data updates correctly in the profile page.
• UI Consistency: Test that the new design elements are cohesive across different pages (e.g., calendar, profile).