feat: implement personalized background image feature

- Added functionality for users to select and customize background images in settings, including predefined options and URL uploads.
- Updated `ViewPreferences` to store background image settings and modified `userPreferencesService` to handle updates.
- Enhanced global styles for improved readability with background images, including blur and transparency effects.
- Integrated `BackgroundImageSelector` component into settings for intuitive user experience.
- Refactored `Card` components across the app to use a new 'glass' variant for better aesthetics.

TODO.md

@@ -2,12 +2,34 @@
 
 ## Idées à developper
 - [x] Refacto et intégration design : mode sombre et clair sont souvent mal généré par défaut <!-- Diagnostic terminé -->
-- [ ] Personnalisation : couleurs
+- [x] Personnalisation : couleurs <!-- Image de fond personnalisée implémentée -->
 - [ ] Optimisations Perf : requetes DB
 - [ ] PWA et mode offline
 
 ---
 
+## 🖼️ **IMAGE DE FOND PERSONNALISÉE** ✅ TERMINÉ
+
+### **Fonctionnalités implémentées :**
+- [x] **Sélecteur d'images de fond** dans les paramètres généraux
+- [x] **Images prédéfinies** : dégradés bleu, violet, coucher de soleil, océan, forêt
+- [x] **URL personnalisée** : possibilité d'ajouter une image via URL
+- [x] **Aperçu en temps réel** de l'image sélectionnée
+- [x] **Application globale** : l'image s'applique sur toutes les pages
+- [x] **Optimisation visuelle** : effet de flou et transparence pour la lisibilité
+- [x] **Sauvegarde persistante** : préférence sauvegardée en base de données
+- [x] **Interface intuitive** : sélection facile avec aperçus visuels
+
+### **Architecture technique :**
+- **Types** : `backgroundImage` ajouté à `ViewPreferences`
+- **Service** : `userPreferencesService` mis à jour
+- **Actions** : `setBackgroundImage` server action créée
+- **Composant** : `BackgroundImageSelector` avec presets et URL personnalisée
+- **Contexte** : `BackgroundContext` pour l'application globale
+- **Styles** : CSS optimisé pour la lisibilité avec images de fond
+
+---
+
 ## 🎨 **REFACTORING THÈME & PERSONNALISATION COULEURS**
 
 ### **Phase 1: Nettoyage Architecture Thème**