fix(playlist): column picker no longer clipped on short lists (#853)

* fix(playlist): columns dropdown no longer clipped on short lists (#839)

The column picker rendered inside `.tracklist` (overflow-x: auto, which
makes overflow-y compute to auto). On a 1-song playlist the downward popover
overflowed the short box → clipped behind suggestions, an extra scrollbar,
and the row vanishing when scrolling that inner bar (the virtualizer tracks
the main viewport, not the tracklist). Move the picker outside `.tracklist`
by reusing the shared TracklistColumnPicker (parametrized with allColumns);
fixes the same latent bug in the favorites tracklist and dedupes three
inline copies into one.

* docs(changelog): playlist/favorites column picker fix (#853)

src/components/albumTrackList/TracklistColumnPicker.tsx

@@ -1,9 +1,11 @@
 import React from 'react';
 import { Check, ChevronDown, RotateCcw } from 'lucide-react';
 import type { TFunction } from 'i18next';
-import { COLUMNS } from '../../utils/componentHelpers/albumTrackListHelpers';
+import type { ColDef } from '../../utils/useTracklistColumns';
 
 interface Props {
+  /** Every column (required ones are filtered out of the menu). */
+  allColumns: readonly ColDef[];
   pickerRef: React.RefObject<HTMLDivElement | null>;
   pickerOpen: boolean;
   setPickerOpen: (updater: (v: boolean) => boolean) => void;
@@ -20,6 +22,7 @@ interface Props {
  * button.
  */
 export function TracklistColumnPicker({
+  allColumns,
   pickerRef,
   pickerOpen,
   setPickerOpen,
@@ -41,7 +44,7 @@ export function TracklistColumnPicker({
         {pickerOpen && (
           <div className="tracklist-col-picker-menu">
             <div className="tracklist-col-picker-label">{t('albumDetail.columns')}</div>
-            {COLUMNS.filter(c => !c.required).map(c => {
+            {allColumns.filter(c => !c.required).map(c => {
               const label = c.i18nKey ? t(`albumDetail.${c.i18nKey as string}`) : c.key;
               const isOn = colVisible.has(c.key);
               return (