fix(customer): create the DB user on auth restore + nicer empty states

- auth: _layout now calls postSession whenever Firebase restores a session, not
  only on the login-form submit. An account whose first postSession failed (e.g.
  wrong API URL during setup) was left with a Firebase account but no Postgres
  row → "User not found" 401 on every screen. Idempotent upsert fixes it on the
  next reload.
- empty states: notifications now uses the friendly EmptyState (🔔) and the
  saved-addresses empty gets a centered 📍 block, matching the orders "No orders
  yet" screen — so a brand-new account reads as "nothing here yet", not an error.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

Author: Banyel3

apps/customer-mobile/src/app/_layout.tsx

@@ -13,6 +13,7 @@ import { useEffect, useState } from 'react';
 import { Text as RNText, TextInput as RNTextInput } from 'react-native';
 import { SafeAreaProvider } from 'react-native-safe-area-context';
 import { colors, font, ToastProvider } from '@wash-and-go/ui';
+import { api } from '../lib/api';
 import { auth } from '../lib/firebase';
 
 // Base default font so every Text/TextInput inherits Plus Jakarta, not the
@@ -39,6 +40,13 @@ export default function RootLayout() {
 
   useEffect(() => onAuthStateChanged(auth, (u) => setUser(u)), []);
 
+  // Ensure the Postgres user row exists whenever Firebase restores a session —
+  // not just on the login-form submit. Idempotent upsert; without this, an account
+  // whose first postSession failed (e.g. wrong API URL) 401s on every screen.
+  useEffect(() => {
+    if (user) void api.postSession().catch(() => {});
+  }, [user]);
+
   useEffect(() => {
     if (user === undefined) return; // wait for the first auth state
     const onLogin = segments[0] === 'login';

apps/customer-mobile/src/app/addresses.tsx

@@ -105,7 +105,10 @@ export default function AddressesScreen() {
     <Screen>
       <Text style={styles.section}>Your pickup addresses</Text>
       {rows.length === 0 ? (
-        <Muted>No saved addresses yet. Add one below for faster booking.</Muted>
+        <View style={{ alignItems: 'center', paddingVertical: space.lg, gap: 6 }}>
+          <Text style={{ fontSize: 34 }}>📍</Text>
+          <Muted>No saved addresses yet — add one below for faster booking.</Muted>
+        </View>
       ) : (
         <View style={{ gap: space.sm }}>
           {rows.map((a) => (

apps/customer-mobile/src/app/notifications.tsx

@@ -4,6 +4,7 @@ import { Pressable, StyleSheet, Text, View } from 'react-native';
 import type { NotificationView } from '@wash-and-go/domain';
 import {
   Card,
+  EmptyState,
   ErrorState,
   Loading,
   Muted,
@@ -86,7 +87,11 @@ export default function NotificationsScreen() {
       ) : null}
 
       {rows.length === 0 ? (
-        <Muted>No notifications yet. Order updates show up here.</Muted>
+        <EmptyState
+          emoji="🔔"
+          title="No notifications yet"
+          subtitle="Updates about your orders will show up here."
+        />
       ) : (
         <View style={{ gap: space.sm }}>
           {rows.map((n) => (