fix(ux): apply UX quick wins (#54)

Get started links to registration and says an admin approves accounts.
Back navigation restores the library scroll; search no longer fills history.
Steam and PSN unlink ask first. Any close marks news as seen.
Confetti plays only when the level rises on the page.
Count-ups respect reduced motion. Html lang follows the UI language.
Add a 404 page, translated role and dialog close label.

src/components/PsnAccountCard.jsx

@@ -1,12 +1,13 @@
 import {useState} from 'react';
 import {Link} from 'react-router-dom';
 import {useTranslation} from 'react-i18next';
-import {Gamepad, Link2, Loader2, Unlink} from 'lucide-react';
+import {Gamepad, Link2, Loader2} from 'lucide-react';
 import {toast} from 'sonner';
 
 import {Button} from '@/components/ui/button';
 import {Card, CardContent, CardHeader, CardTitle} from '@/components/ui/card';
 import {Input} from '@/components/ui/input';
+import UnlinkDialog from './UnlinkDialog.jsx';
 import usePsnAccount from '../hooks/usePsnAccount.js';
 import {formatDate} from '../utils/format.js';
 import {isExpired, linkPsn, NPSSO_PAGE_URL, unlinkPsn} from '../utils/psn.js';
@@ -102,9 +103,9 @@ export default function PsnAccountCard() {
                                     <Link to={`/import?id=${account.reviewImportId}`}>{t('SETTINGS.PSN.REVIEW')}</Link>
                                 </Button>
                             )}
-                            <Button type="button" variant="outline" onClick={unlink} disabled={busy}>
-                                <Unlink/>{t('SETTINGS.PSN.UNLINK')}
-                            </Button>
+                            <UnlinkDialog label={t('SETTINGS.PSN.UNLINK')} title={t('SETTINGS.PSN.UNLINK_TITLE')}
+                                          description={t('SETTINGS.PSN.UNLINK_EXPLAIN')}
+                                          confirmLabel={t('SETTINGS.PSN.UNLINK_CONFIRM')} onConfirm={unlink} disabled={busy}/>
                         </div>
                     </>
                 )}