feat(design): the field family, the dropdown trigger, native controls, the no-raw-input lint rule (E28 S3c)

- ui/Input, Textarea, InnerInput + fieldClass (A4): the >= 3:1 edge, a 2px accent
  focus edge, the danger edge for invalid, md/sm/xs/heading rungs, 1rem and 44 on touch
- ui/SelectTrigger (A5): SortControl, FilterSelect, the view switcher and the date
  filter on one trigger, a pill in a toolbar, r8 in a form
- ui/NativeControls (A6): Checkbox, CheckRow, Slider, ColorInput
- every raw input swept (~100 sites); inputCls retired; local/input-primitive
- useReturnFocus: an in-place editor hands the focus back to its trigger on
  Enter/Escape (the playlist and Plex title renames, the priority number);
  the Plex playlist rename gains Escape and an accessible name
- back to top: a round 48 FAB (owner decision); DESIGN.md A2 and the log

frontend/src/components/AdminLogs.tsx

@@ -1,3 +1,4 @@
+import clsx from "clsx";
 import { useEffect, useMemo, useRef, useState } from "react";
 import { useTranslation } from "react-i18next";
 import {
@@ -34,6 +35,8 @@ import FilterSelect from "./ui/FilterSelect";
 import { Section } from "./ui/form";
 import { LoadingState, StateMessage } from "./ui/QueryState";
 import { DismissibleChip } from "./ui/Chip";
+import { InnerInput } from "./ui/Input";
+import { fieldClass } from "./ui/fieldStyles";
 
 // Admin → Szervernapló: the server's stored log (`log_events`, E22.6). One list, newest first; a line
 // opens in place to its full record, and its request id / job id narrow the list to that request or
@@ -245,15 +248,19 @@ export default function AdminLogs() {
           className="overflow-hidden rounded-xl border border-border bg-bg"
         >
           <div className="flex flex-wrap items-center gap-2 border-b border-border p-2">
-            <label className="flex min-w-[12rem] flex-1 items-center gap-1.5 rounded-lg border border-border bg-card px-2 py-1 text-sm focus-within:border-accent">
+            <label
+              className={clsx(
+                fieldClass({ size: "sm", pill: true }),
+                "flex min-w-[12rem] flex-1 items-center gap-1.5",
+              )}
+            >
               <Search className="h-3.5 w-3.5 shrink-0 text-muted" aria-hidden />
-              <input
+              <InnerInput
                 type="search"
                 value={state.q}
                 onChange={(e) => update({ q: e.target.value.slice(0, 200) })}
                 placeholder={t("adminLogs.search")}
                 aria-label={t("adminLogs.search")}
-                className="min-w-0 flex-1 bg-transparent outline-none"
               />
             </label>
             <FilterChipGroup