fix(i18n): numbers, units, dates and order in the UI language, and after a switch (E30 S3)

Every locale formatter takes the language as an argument. Under the React
Compiler a formatter that read the i18n singleton was memoized on its other
arguments, so a card kept "2 hr 4 min" after a switch to Hungarian; plexLang()
had the same flaw and left Plex queries in the old language. Components now
take the language from useTranslation, and the signature makes forgetting it
a type error.

- ratings, file sizes, stream stats: the language's decimal mark ("8,3")
- view and subscriber counts compact in the language ("1,2 E")
- seconds as the language's unit ("6 mp") in the sliders and the stats
- a person's birth and death dates as dates, not ISO strings
- A-Z lists by the shown name in the language's alphabet (compareText),
  the tag catalog re-sorted by its translated names
- lint local/locale-format (was date-format) also refuses Intl.NumberFormat
  outside lib/format.ts, localeCompare, and a component reading the language
  off the i18n singleton

frontend/src/components/PlayerModal.tsx

@@ -44,7 +44,7 @@ import {
   channelYouTubeUrl,
   formatDate,
   formatDuration,
-  formatViews,
+  formatCompact,
   relativeTime,
 } from "../lib/format";
 import { renderDescription } from "./descriptionLinks";
@@ -119,6 +119,7 @@ export default function PlayerModal({
   // icon next to the name keeps the open-on-YouTube behaviour.
 }) {
   const { t, i18n } = useTranslation();
+  const lang = i18n.language;
   const { openChannel } = useNavigationActions();
   const qc = useQueryClient();
   const descFade = useScrollFade();
@@ -899,12 +900,12 @@ export default function PlayerModal({
                       ·{" "}
                       {t("player.views", {
                         count: active.view_count,
-                        formattedCount: formatViews(active.view_count),
+                        formattedCount: formatCompact(active.view_count, lang),
                       })}
                     </span>
                   )}
                   <span>
-                    · {relativeTime(active.published_at)}
+                    · {relativeTime(active.published_at, lang)}
                     {active.published_at && ` · ${fullDate(active.published_at)}`}
                   </span>
                   {active.duration_seconds != null && (
@@ -924,13 +925,13 @@ export default function PlayerModal({
                       ·{" "}
                       {t("player.views", {
                         count: detail.data.view_count,
-                        formattedCount: formatViews(detail.data.view_count),
+                        formattedCount: formatCompact(detail.data.view_count, lang),
                       })}
                     </span>
                   )}
                   {detail.data?.published_at && (
                     <span>
-                      · {relativeTime(detail.data.published_at)} ·{" "}
+                      · {relativeTime(detail.data.published_at, lang)} ·{" "}
                       {fullDate(detail.data.published_at)}
                     </span>
                   )}