function SettingsPage() {
    const [settings, setSettings] = useGlobalStates('settings');

    const changeLanguage = (lng) => {
        setSettings({ ...settings, lng });
    };

    const changeTheme = (theme) => {
        setSettings({ ...settings, theme });
    };

    return (
        <div>
            <select
                value={settings.lng}
                onChange={(e) => changeLanguage(e.target.value)}
            >
                <option value="fr">Français</option>
                <option value="en">English</option>
            </select>

            <button onClick={() => changeTheme('light')}>Clair</button>
            <button onClick={() => changeTheme('dark')}>Sombre</button>
        </div>
    );
}