add more emphasis to current song (#283)

* add more emphasis to current song

* add css indicator (rivolumelineup)

* don't use absolute position, support album track number

* Respect order of set-queue function (fix race condition)

* Fix table row actions button on album detail and play queue

* Fix album detail table customizations

* Bump to v0.4.1

* Fix opacity mask for unsynced lyrics container

* Separate sidebar icons to new component

- Fixes react render issue

* Add app focus hook

* Remove css play image

* Add player status as cell refresh condition for queue

* Add current song images

* Add current song styles for all song tables

* Revert row index cell width

* Remove animated svg on browser

---------

Co-authored-by: jeffvli <jeffvictorli@gmail.com>
Co-authored-by: Jeff <42182408+jeffvli@users.noreply.github.com>

src/renderer/features/songs/components/song-list-table-view.tsx

@@ -8,7 +8,8 @@ import { useCurrentSongRowStyles } from '/@/renderer/components/virtual-table/ho
 import { useVirtualTable } from '/@/renderer/components/virtual-table/hooks/use-virtual-table';
 import { useListContext } from '/@/renderer/context/list-context';
 import { SONG_CONTEXT_MENU_ITEMS } from '/@/renderer/features/context-menu/context-menu-items';
-import { useCurrentServer, usePlayButtonBehavior } from '/@/renderer/store';
+import { useAppFocus } from '/@/renderer/hooks';
+import { useCurrentServer, useCurrentStatus, usePlayButtonBehavior } from '/@/renderer/store';
 
 interface SongListTableViewProps {
     itemCount?: number;
@@ -18,6 +19,8 @@ interface SongListTableViewProps {
 export const SongListTableView = ({ tableRef, itemCount }: SongListTableViewProps) => {
     const server = useCurrentServer();
     const { pageKey, id, handlePlay, customFilters } = useListContext();
+    const isFocused = useAppFocus();
+    const status = useCurrentStatus();
 
     const { rowClassRules } = useCurrentSongRowStyles({ tableRef });
 
@@ -46,6 +49,11 @@ export const SongListTableView = ({ tableRef, itemCount }: SongListTableViewProp
                 key={`table-${tableProps.rowHeight}-${server?.id}`}
                 ref={tableRef}
                 {...tableProps}
+                context={{
+                    ...tableProps.context,
+                    isFocused,
+                    status,
+                }}
                 rowClassRules={rowClassRules}
                 onRowDoubleClicked={handleRowDoubleClick}
             />