Unlock everything, add a donation link, credit Last.fm, nudge re-linking

- Every feature is free for everyone (the plan system stays for later);
  remaining limits are abuse guards
- Optional website donation link (NEXT_PUBLIC_DONATION_URL). Not shown in
  the mobile apps, where tips to the developer generally need in-app
  purchase
- Last.fm/ListenBrainz-sourced plays link to the user's profile, as
  Last.fm's API terms require
- Connections track when they last saw activity; a scrobbler silent for
  over a week prompts re-linking Spotify (its link expires every 6 months)

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01MzFywujuH9TiuXbr9vjoX8

apps/web/src/app/globals.css

@@ -54,6 +54,8 @@ input:focus, textarea:focus, select:focus { outline: 2px solid var(--accent); ou
 .nav-links a { text-decoration: none; color: var(--muted); }
 .nav-links a:hover { color: var(--text); }
 .nav-links a.btn-primary { color: var(--accent-text); }
+.nav-links a.support-link { color: #ff7aa8; }
+@media (max-width: 480px) { .nav-links a.support-link { display: none; } }
 
 .btn {
   display: inline-flex; align-items: center; justify-content: center;
@@ -117,6 +119,7 @@ a.recent-row:hover .recent-title { color: var(--accent); }
 .recent-text { display: flex; flex-direction: column; min-width: 0; flex: 1; }
 .recent-text > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .recent-title { font-weight: 600; }
+.credit { margin: 0.6rem 0 0; font-size: 0.8rem; }
 .recent-time { font-size: 0.8rem; white-space: nowrap; }
 .artwork-sm.artwork-empty { display: grid; place-items: center; background: var(--surface-2); color: var(--muted); }
 .picked { display: flex; gap: 0.75rem; align-items: center; }

apps/web/src/app/settings/page.tsx

@@ -5,13 +5,16 @@ import { Suspense, useState } from 'react';
 import useSWR from 'swr';
 import {
   SERVICE_LABELS,
+  SPOTIFY_LINK_PAGES,
   STREAMING_SERVICES,
+  isQuietScrobbler,
   type ConnectionDTO,
   type MeDTO,
   type NowPlayingProvider,
   type TrackSearchResultDTO,
 } from '@musicshare/shared';
 import { SharingControls } from '@/components/SharingControls';
+import { SupportCard } from '@/components/SupportLink';
 import { api, fetcher, useMe } from '@/lib/api';
 import { timeAgo } from '@musicshare/shared';
 import { useDebounced } from '@/lib/useDebounced';
@@ -36,6 +39,7 @@ function Settings() {
       <SharingControls />
       <Connections />
       <FeaturedPicker />
+      <SupportCard />
       <DangerZone />
     </div>
   );
@@ -189,6 +193,16 @@ function Connections() {
           )}
         </div>
 
+        {connections.filter((c) => isQuietScrobbler(c)).map((c) => (
+          <div className="notice" key={`quiet-${c.provider}`}>
+            Nothing new from {SERVICE_LABELS[c.provider]} in over a week. If you listen on Spotify, its link to{' '}
+            {SERVICE_LABELS[c.provider]} expires every 6 months.{' '}
+            <a href={SPOTIFY_LINK_PAGES[c.provider as 'lastfm' | 'listenbrainz']} target="_blank" rel="noreferrer">
+              Re-link Spotify
+            </a>
+            .
+          </div>
+        ))}
         {spotifyLimited && (
           <div className="notice">
             <strong>Spotify sign-in is limited during beta.</strong> Spotify only lets a few accounts sign in to new apps

apps/web/src/app/u/[username]/page.tsx

@@ -98,7 +98,7 @@ export default function ProfilePage() {
         <p className="muted">Nothing playing right now.</p>
       )}
 
-      <RecentPlays plays={profile.recent} preferred={preferred} />
+      <RecentPlays plays={profile.recent} preferred={preferred} attribution={profile.attribution} />
     </div>
   );
 }