fix: top bar never wraps, and warn about 4K AV1 playback

The control row wrapped to a second line as the window narrowed. It is
now flex-nowrap with only the search field giving up width, and the
window minimum is raised to 1140x620 so the fixed controls always fit
beside the sidebar on one line.

Also lands the 4K AV1 warning in Settings. The earlier attempt at this
silently changed nothing — the replacement text did not match the file,
so the copy shipped unchanged while being reported as done.

src/components/Settings.tsx

@@ -148,9 +148,10 @@ export default function Settings({
             <section className="border-b border-slate-200 px-5 py-4 dark:border-slate-800">
               <SectionHeading>Download quality</SectionHeading>
               <p className={`mt-1.5 ${HELP}`}>
-                Above 1080p YouTube only serves VP9 and AV1. Those play here, but the
-                files are several times larger and older Macs may struggle. Pick 1080p
-                for H.264, which plays anywhere. Audio is AAC at every setting.
+                Above 1080p YouTube only serves VP9 and AV1, and <b>4K AV1 currently plays
+                back with visible artefacts in this player</b> — the downloaded file is
+                fine, it is the built-in decoder that struggles. 1080p gets H.264, which
+                plays cleanly and is several times smaller. Audio is AAC at every setting.
               </p>
               <label className="mt-2 grid grid-cols-[92px_1fr] items-center gap-2">
                 <span className={LABEL}>Quality</span>

src/components/TopBar.tsx

@@ -73,7 +73,7 @@ export default function TopBar({
     >
       {titleBarInset && <div data-tauri-drag-region className="h-9" />}
 
-      <div className="flex flex-wrap items-center gap-2 px-4 py-3">
+      <div className="flex flex-nowrap items-center gap-2 px-4 py-3">
         {sidebarHidden && (
           <button
             onClick={onShowSidebar}
@@ -92,14 +92,14 @@ export default function TopBar({
           value={search}
           onChange={(e) => onSearch(e.target.value)}
           placeholder="Search videos and channels"
-          className={`${INPUT} min-w-72 max-w-sm flex-1`}
+          className={`${INPUT} min-w-40 max-w-sm flex-1`}
         />
 
-        <span className="font-mono text-[11px] tabular-nums text-slate-400 dark:text-slate-500">
+        <span className="shrink-0 font-mono text-[11px] tabular-nums text-slate-400 dark:text-slate-500">
           {resultCount}
         </span>
 
-        <div className="flex-1" />
+        <div className="min-w-2 flex-1" />
 
         <Toggle active={downloadedOnly} onClick={() => onDownloadedOnly(!downloadedOnly)}
           disabled={!online}