feat: added user preference page issue#41

[parthivvv]

• Added a user preference page
• Added delete preferred group and delete preferred project in group.
• Added a default user outline icon when the user doesn't have an avatar, which when hovered over is a dropdown.
• Added a client side pagination logic for the preferred projects.
• Added a reusable animated loader (Which matches the fern ui theme and can be customised according to requirements)

Screen.Recording.2025-05-23.at.1.15.02.AM.mov

[Copilot]

Pull Request Overview

This PR introduces a user preference page that allows users to update their theme and timezone settings, manage preferred projects with pagination, and includes an animated loader that aligns with the Fern UI theme. Key changes include:

• The creation of a new user preference page with form controls, pagination, and project removal features
• Implementation of a provider to handle user preference-related API calls and cookie retrieval
• Addition of a reusable animated loader and updates to header components to support navigation to the preferences page

Reviewed Changes

Copilot reviewed 13 out of 14 changed files in this pull request and generated 1 comment.

Show a summary per file

File	Description
test/component/user-preference.test.tsx	Added tests for rendering, saving preferences, error handling, and actions
src/utils/cookies.ts	Introduced a helper function to retrieve the user cookie
src/providers/user-preference-provider.ts	Implemented API calls for updating and fetching user preferences
src/pages/user-preference/user-preference.tsx	Built the user preference page with settings, pagination, and project actions
src/pages/user-preference/user-preference-utils.tsx	Added utility functions for project filtering, saving preferences, etc.
src/pages/user-preference/interface.ts	Defined interfaces for user preferences and project groups
src/pages/user-preference/index.tsx	Re-exported the user preference page
src/mocks/mock-preferrencePage-data.ts	Added mock data for user preferences and projects
src/components/spinner/index.tsx	Implemented the animated loader spinner
src/components/header/index.tsx	Updated header to include navigation to the preferences page
src/App.tsx	Integrated user preference routes and loader initialization

Files not reviewed (1)

• package.json: Language not supported

Comments suppressed due to low confidence (1)

src/providers/user-preference-provider.ts:4

• [nitpick] The user preference provider imports 'API_URL' from './testrun-provider', which might be confusing. Consider defining a dedicated API_URL constant for user preferences to improve clarity.

import {API_URL} from "./testrun-provider";

[cubic-dev-ai]

mrge found 22 issues across 13 files. View them in mrge.io

[anoop2811]

@parthivvv : could you please rebase the code and also address the comments? Now that @sundarok's PR for preferences apis is merged, can we test this out end to end?