fix table configuration on now playing route (#1346)

src/renderer/features/now-playing/components/now-playing-header.tsx

@@ -1,14 +1,17 @@
+import { useTranslation } from 'react-i18next';
+
 import { PageHeader } from '/@/renderer/components/page-header/page-header';
 import { LibraryHeaderBar } from '/@/renderer/features/shared/components/library-header-bar';
 
 export const NowPlayingHeader = () => {
-    // const currentSong = useCurrentSong();
+    const { t } = useTranslation();
-    // const theme = useTheme();
 
     return (
         <PageHeader>
             <LibraryHeaderBar ignoreMaxWidth>
-                <LibraryHeaderBar.Title>Queue</LibraryHeaderBar.Title>
+                <LibraryHeaderBar.Title>
+                    {t('page.sidebar.nowPlaying', { postProcess: 'titleCase' })}
+                </LibraryHeaderBar.Title>
             </LibraryHeaderBar>
         </PageHeader>
     );

src/renderer/features/now-playing/components/play-queue-list-controls.tsx

@@ -1,4 +1,4 @@
-import { type MutableRefObject } from 'react';
+import { RefObject } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import { SONG_TABLE_COLUMNS } from '/@/renderer/components/item-list/item-table-list/default-columns';
@@ -16,7 +16,7 @@ import { ItemListKey, ListDisplayType } from '/@/shared/types/types';
 interface PlayQueueListOptionsProps {
     handleSearch: (value: string) => void;
     searchTerm?: string;
-    tableRef: MutableRefObject<ItemListHandle | null>;
+    tableRef: RefObject<ItemListHandle | null>;
     type: ItemListKey;
 }
 
@@ -24,6 +24,7 @@ export const PlayQueueListControls = ({
     handleSearch,
     searchTerm,
     tableRef,
+    type,
 }: PlayQueueListOptionsProps) => {
     const { t } = useTranslation();
     const player = usePlayer();
@@ -144,7 +145,7 @@ export const PlayQueueListControls = ({
                             value: ListDisplayType.GRID,
                         },
                     ]}
-                    listKey={ItemListKey.SIDE_QUEUE}
+                    listKey={type}
                     optionsConfig={{
                         table: {
                             itemsPerPage: { hidden: true },