feat: navigation and UX improvements complete

backend/src/core/user-preferences/data/user-preferences.repository.ts

@@ -11,8 +11,8 @@ export class UserPreferencesRepository {
 
   async findByUserId(userId: string): Promise<UserPreferences | null> {
     const query = `
-      SELECT id, user_id, unit_system, currency_code, time_zone, created_at, updated_at 
-      FROM user_preferences 
+      SELECT id, user_id, unit_system, currency_code, time_zone, dark_mode, created_at, updated_at
+      FROM user_preferences
       WHERE user_id = $1
     `;
     
@@ -22,8 +22,8 @@ export class UserPreferencesRepository {
 
   async create(data: CreateUserPreferencesRequest): Promise<UserPreferences> {
     const query = `
-      INSERT INTO user_preferences (user_id, unit_system, currency_code, time_zone)
-      VALUES ($1, $2, $3, $4)
+      INSERT INTO user_preferences (user_id, unit_system, currency_code, time_zone, dark_mode)
+      VALUES ($1, $2, $3, $4, $5)
       RETURNING *
     `;
 
@@ -31,7 +31,8 @@ export class UserPreferencesRepository {
       data.userId,
       data.unitSystem || 'imperial',
       data.currencyCode || 'USD',
-      data.timeZone || 'UTC'
+      data.timeZone || 'UTC',
+      data.darkMode ?? null
     ];
 
     const result = await this.db.query(query, values);
@@ -55,6 +56,10 @@ export class UserPreferencesRepository {
       fields.push(`time_zone = $${paramCount++}`);
       values.push(data.timeZone);
     }
+    if (data.darkMode !== undefined) {
+      fields.push(`dark_mode = $${paramCount++}`);
+      values.push(data.darkMode);
+    }
 
     if (fields.length === 0) {
       return this.findByUserId(userId);
@@ -90,6 +95,7 @@ export class UserPreferencesRepository {
       unitSystem: row.unit_system,
       currencyCode: row.currency_code || 'USD',
       timeZone: row.time_zone || 'UTC',
+      darkMode: row.dark_mode,
       createdAt: row.created_at,
       updatedAt: row.updated_at,
     };

backend/src/core/user-preferences/migrations/003_add_dark_mode.sql

@@ -0,0 +1,8 @@
+-- Migration: Add dark_mode column to user_preferences
+-- NULL = use system preference, TRUE = dark mode, FALSE = light mode
+
+ALTER TABLE user_preferences
+  ADD COLUMN IF NOT EXISTS dark_mode BOOLEAN DEFAULT NULL;
+
+-- Add comment for documentation
+COMMENT ON COLUMN user_preferences.dark_mode IS 'User dark mode preference. NULL means use system preference.';

backend/src/core/user-preferences/user-preferences.types.ts

@@ -11,6 +11,7 @@ export interface UserPreferences {
   unitSystem: UnitSystem;
   currencyCode: string;
   timeZone: string;
+  darkMode: boolean | null;
   createdAt: Date;
   updatedAt: Date;
 }
@@ -20,12 +21,14 @@ export interface CreateUserPreferencesRequest {
   unitSystem?: UnitSystem;
   currencyCode?: string;
   timeZone?: string;
+  darkMode?: boolean | null;
 }
 
 export interface UpdateUserPreferencesRequest {
   unitSystem?: UnitSystem;
   currencyCode?: string;
   timeZone?: string;
+  darkMode?: boolean | null;
 }
 
 export interface UserPreferencesResponse {
@@ -34,6 +37,7 @@ export interface UserPreferencesResponse {
   unitSystem: UnitSystem;
   currencyCode: string;
   timeZone: string;
+  darkMode: boolean | null;
   createdAt: string;
   updatedAt: string;
 }