PR: Refine Settings Page

[brandonhach]

Overview

Completed UI mockup for setting pages.

User Stories

• As a user, I want to see my basic information.
• As a user, I want to see the subscription plans.
• As a developer, I want a fade-in transition on every page visit.

15

Features

• Clean UI layout that is minimalistic and adheres to the current theme of the project.
• New navbar.
• Fade-in transition component.

Changes

• Deleted signup.ts server action since the only auth method used is login.ts.
• Removed user information displayed on the dashboard page.
• Added back layout file in (protected) folder.
• Added template file to both (protected) & root route of the app directory for framer motion page transitions.
• Initialized the settings page with its related client components.
• Revamp the UI for SignInForm.tsx.
• Revamp the UI for Navbar.tsx.
• Added subscription plan context in site-config.ts.
• Supported caching for user info in model/user.ts.
• Added type for subscription plan in types.ts.

Known issues or Bugs:

The shop tab is not completed. I will need to address it for another user story issue.

Snapshots

Settings page

Let me know if there's anything I missed.