Les 5 techniques qui changent tout

Je veux créer des fonctions utilitaires pour formater des données.

Voici le pattern que je veux suivre :

```ts
// Exemple 1
export function formatPrice(cents: number): string {
  return new Intl.NumberFormat("fr-FR", {
    style: "currency",
    currency: "EUR",
  }).format(cents / 100);
}

// Exemple 2  
export function formatDate(date: Date): string {
  return new Intl.DateTimeFormat("fr-FR", {
    day: "numeric",
    month: "long",
    year: "numeric",
  }).format(date);
}
```

Maintenant, crée les fonctions suivantes en suivant ce même pattern :
- formatPhoneNumber (format français : 06 12 34 56 78)
- formatFileSize (octets → Ko, Mo, Go avec 1 décimale)
- formatDuration (secondes → "2h 34min")

Je veux implémenter un système de pagination côté serveur 
dans mon app Next.js 15 (App Router) avec une base PostgreSQL.

Avant d'écrire du code, explique-moi :
1. Quelle stratégie de pagination choisir (offset vs cursor) et pourquoi
2. Comment structurer l'API route
3. Comment gérer le state côté client
4. Les edge cases à gérer (page vide, dernière page, tri)

Ensuite seulement, implémente ta solution recommandée.

Crée un hook useLocalStorage en TypeScript.

Contraintes :
- PAS de dépendance externe
- PAS de useEffect pour la synchronisation (utilise useSyncExternalStore)
- PAS de JSON.parse sans try/catch
- PAS de any dans les types
- DOIT fonctionner côté serveur (SSR safe)
- DOIT gérer le cas où localStorage n'est pas disponible

J'ai un bug et je n'arrive pas à comprendre d'où il vient.

Voici la situation :
- J'ai un composant UserProfile qui fetch les données utilisateur
- Le fetch marche (je vois les données dans le Network tab)
- Mais le composant affiche les données du PRÉCÉDENT utilisateur
- Quand je refresh la page, ça s'affiche correctement

Mon code :

```tsx
export function UserProfile({ userId }: { userId: string }) {
  const [user, setUser] = useState<User | null>(null);
  
  useEffect(() => {
    fetch(`/api/users/${userId}`)
      .then(res => res.json())
      .then(data => setUser(data));
  }, []);
  
  // ... rendu
}
```

Aide-moi à comprendre ce qui se passe. Ne me donne pas juste la 
correction, explique-moi le problème comme si j'étais un dev junior.