Create Profile Page and implement Supabase Auth

[Snarr]

Tickets Covered:

• BP-226 Set up Supabase Database and Authentication
• BP-231 Design Profile page to settings (match Figma)
• BP-235 Add Supabase Auth login to Profile page

Change Summary:

1. Added Supabase Auth to codebase

Introduced 2 new files to add Supabase Auth user session management:

• Supabase.js

  • Creates Supabase Client using private environment variable values

• AuthProvider.jsx

  • Creates an AuthContext and AuthContext.Provider that sit at the top level of the application to manage User Session state

2. Added .env file for tracking database private keys and .env.sample schema

3. Added ProfileSettingsPage for configuring account through settings

Two main components of ProfileSettingsPage:

• LoginPage

  • Appears when AuthContext login session is null
  • Displays inputs for email, password
  • Action buttons for logging in and signing up

• ProfilePage

  • Appears when AuthContext login session exists
  • Displays user information (email)
  • Action button to sign out

[Jeffin-J]

[tuk05348]

Looks good to me!