feat: enhance theme management and customization options

- Added support for multiple themes (dracula, monokai, nord, gruvbox, tokyo_night, catppuccin, rose_pine, one_dark, material, solarized) in the application.
- Updated `setTheme` function to accept the new `Theme` type, allowing for more flexible theme selection.
- Introduced `ThemeSelector` component in GeneralSettingsPage for user-friendly theme selection.
- Modified `ThemeProvider` to handle user preferred themes and improved theme toggling logic.
- Updated CSS variables in `globals.css` to support new themes, enhancing visual consistency across the app.

src/components/settings/GeneralSettingsPageClient.tsx

@@ -5,6 +5,7 @@ import { useTags } from '@/hooks/useTags';
 import { Header } from '@/components/ui/Header';
 import { Card, CardContent } from '@/components/ui/Card';
 import { TagsManagement } from './tags/TagsManagement';
+import { ThemeSelector } from '@/components/ThemeSelector';
 import Link from 'next/link';
 
 interface GeneralSettingsPageClientProps {
@@ -46,7 +47,12 @@ export function GeneralSettingsPageClient({ initialTags }: GeneralSettingsPageCl
             </p>
           </div>
 
-          <div className="space-y-6">
+          <div className="space-y-8">
+            {/* Sélection de thème */}
+            <div className="bg-[var(--card)]/30 border border-[var(--border)]/50 rounded-lg p-6 backdrop-blur-sm">
+              <ThemeSelector />
+            </div>
+
             {/* Gestion des tags */}
             <TagsManagement
               tags={tags}