Add dedicated refresh button to list views (#235)

src/renderer/features/albums/components/album-list-header-filters.tsx

@@ -368,6 +368,16 @@ export const AlbumListHeaderFilters = ({ gridRef, tableRef }: AlbumListHeaderFil
                     <RiFilterFill size="1.3rem" />
                 </Button>
                 <Divider orientation="vertical" />
+                <Button
+                    compact
+                    size="md"
+                    tooltip={{ label: 'Refresh' }}
+                    variant="subtle"
+                    onClick={handleRefresh}
+                >
+                    <RiRefreshLine size="1.3rem" />
+                </Button>
+                <Divider orientation="vertical" />
                 <DropdownMenu position="bottom-start">
                     <DropdownMenu.Target>
                         <Button

src/renderer/features/artists/components/album-artist-list-header-filters.tsx

@@ -356,6 +356,16 @@ export const AlbumArtistListHeaderFilters = ({
                     </>
                 )}
                 <Divider orientation="vertical" />
+                <Button
+                    compact
+                    size="md"
+                    tooltip={{ label: 'Refresh' }}
+                    variant="subtle"
+                    onClick={handleRefresh}
+                >
+                    <RiRefreshLine size="1.3rem" />
+                </Button>
+                <Divider orientation="vertical" />
                 <DropdownMenu position="bottom-start">
                     <DropdownMenu.Target>
                         <Button

src/renderer/features/genres/components/genre-list-header-filters.tsx

@@ -266,6 +266,16 @@ export const GenreListHeaderFilters = ({ gridRef, tableRef }: GenreListHeaderFil
                     </>
                 )}
                 <Divider orientation="vertical" />
+                <Button
+                    compact
+                    size="md"
+                    tooltip={{ label: 'Refresh' }}
+                    variant="subtle"
+                    onClick={handleRefresh}
+                >
+                    <RiRefreshLine size="1.3rem" />
+                </Button>
+                <Divider orientation="vertical" />
                 <DropdownMenu position="bottom-start">
                     <DropdownMenu.Target>
                         <Button

src/renderer/features/playlists/components/playlist-list-header-filters.tsx

@@ -282,6 +282,16 @@ export const PlaylistListHeaderFilters = ({
                     onToggle={handleToggleSortOrder}
                 />
                 <Divider orientation="vertical" />
+                <Button
+                    compact
+                    size="md"
+                    tooltip={{ label: 'Refresh' }}
+                    variant="subtle"
+                    onClick={handleRefresh}
+                >
+                    <RiRefreshLine size="1.3rem" />
+                </Button>
+                <Divider orientation="vertical" />
                 <DropdownMenu position="bottom-start">
                     <DropdownMenu.Target>
                         <Button

src/renderer/features/songs/components/song-list-header-filters.tsx

@@ -360,6 +360,16 @@ export const SongListHeaderFilters = ({ tableRef }: SongListHeaderFiltersProps)
                     <RiFilterFill size="1.3rem" />
                 </Button>
                 <Divider orientation="vertical" />
+                <Button
+                    compact
+                    size="md"
+                    tooltip={{ label: 'Refresh' }}
+                    variant="subtle"
+                    onClick={handleRefresh}
+                >
+                    <RiRefreshLine size="1.3rem" />
+                </Button>
+                <Divider orientation="vertical" />
                 <DropdownMenu position="bottom-start">
                     <DropdownMenu.Target>
                         <Button