Dashboard cosmetic changes

Author: nukeop

packages/player/src/__snapshots__/App.test.tsx.snap

@@ -375,7 +375,7 @@ exports[`App > should render snapshot 1`] = `
                 Dashboard
               </h1>
               <div
-                class="flex w-full flex-1 flex-col overflow-hidden"
+                class="flex w-full flex-1 flex-col overflow-y-auto"
               >
                 <div
                   class="flex flex-col items-center justify-center text-center gap-4 p-8 flex-1"

packages/player/src/views/Dashboard/dashboardWidgets.ts

@@ -17,8 +17,8 @@ export type DashboardWidgetEntry = {
 
 export const DASHBOARD_WIDGETS: DashboardWidgetEntry[] = [
   { capability: 'editorialPlaylists', component: EditorialPlaylistsWidget },
-  { capability: 'topTracks', component: TopTracksWidget },
   { capability: 'topArtists', component: TopArtistsWidget },
   { capability: 'topAlbums', component: TopAlbumsWidget },
   { capability: 'newReleases', component: NewReleasesWidget },
+  { capability: 'topTracks', component: TopTracksWidget },
 ];

packages/player/src/views/Favorites/__snapshots__/FavoriteAlbums.test.tsx.snap

@@ -26,7 +26,7 @@ exports[`FavoriteAlbums view > (Snapshot) renders empty state 1`] = `
           Favorite albums
         </h1>
         <div
-          class="flex w-full flex-1 flex-col overflow-hidden"
+          class="flex w-full flex-1 flex-col overflow-y-auto"
         >
           <div
             class="flex flex-col items-center justify-center text-center gap-4 p-8 flex-1"
@@ -114,7 +114,7 @@ exports[`FavoriteAlbums view > (Snapshot) renders with albums 1`] = `
           Favorite albums
         </h1>
         <div
-          class="flex w-full flex-1 flex-col overflow-hidden"
+          class="flex w-full flex-1 flex-col overflow-y-auto"
         >
           <div
             class="grid grid-cols-[repeat(auto-fit,minmax(10rem,1fr))] gap-4"

packages/player/src/views/Favorites/__snapshots__/FavoriteArtists.test.tsx.snap

@@ -26,7 +26,7 @@ exports[`FavoriteArtists view > (Snapshot) renders empty state 1`] = `
           Favorite artists
         </h1>
         <div
-          class="flex w-full flex-1 flex-col overflow-hidden"
+          class="flex w-full flex-1 flex-col overflow-y-auto"
         >
           <div
             class="flex flex-col items-center justify-center text-center gap-4 p-8 flex-1"
@@ -106,7 +106,7 @@ exports[`FavoriteArtists view > (Snapshot) renders with artists 1`] = `
           Favorite artists
         </h1>
         <div
-          class="flex w-full flex-1 flex-col overflow-hidden"
+          class="flex w-full flex-1 flex-col overflow-y-auto"
         >
           <div
             class="grid grid-cols-[repeat(auto-fit,minmax(10rem,1fr))] gap-4"

packages/player/src/views/Favorites/__snapshots__/FavoriteTracks.test.tsx.snap

@@ -26,7 +26,7 @@ exports[`FavoriteTracks view > (Snapshot) renders empty state 1`] = `
           Favorite tracks
         </h1>
         <div
-          class="flex w-full flex-1 flex-col overflow-hidden"
+          class="flex w-full flex-1 flex-col overflow-y-auto"
         >
           <div
             class="flex flex-col items-center justify-center text-center gap-4 p-8 flex-1"
@@ -111,7 +111,7 @@ exports[`FavoriteTracks view > (Snapshot) renders with tracks 1`] = `
           Favorite tracks
         </h1>
         <div
-          class="flex w-full flex-1 flex-col overflow-hidden"
+          class="flex w-full flex-1 flex-col overflow-y-auto"
         >
           <div
             class="flex justify-end m-2"

packages/player/src/views/PlaylistDetail/__snapshots__/PlaylistDetail.test.tsx.snap

@@ -26,7 +26,7 @@ exports[`PlaylistDetail view > (Snapshot) renders playlist detail with tracks 1`
           Test Playlist
         </h1>
         <div
-          class="flex w-full flex-1 flex-col overflow-hidden"
+          class="flex w-full flex-1 flex-col overflow-y-auto"
         >
           <span
             data-testid="playlist-detail-title"

packages/player/src/views/Plugins/__snapshots__/PluginStore.test.tsx.snap

@@ -25,7 +25,7 @@ exports[`Plugin Store > (Snapshot) renders the plugin store with plugins from th
           Plugins
         </h1>
         <div
-          class="flex w-full flex-1 flex-col overflow-hidden"
+          class="flex w-full flex-1 flex-col overflow-y-auto"
         >
           <div
             class="max-h-full w-full gap-2 flex flex-1 flex-col overflow-hidden"

packages/player/src/views/Plugins/__snapshots__/Plugins.test.tsx.snap

@@ -25,7 +25,7 @@ exports[`Plugins view > (Snapshot) renders the plugins view 1`] = `
           Plugins
         </h1>
         <div
-          class="flex w-full flex-1 flex-col overflow-hidden"
+          class="flex w-full flex-1 flex-col overflow-y-auto"
         >
           <div
             class="max-h-full w-full gap-2 flex flex-1 flex-col overflow-hidden"

packages/player/src/views/Search/__snapshots__/Search.test.tsx.snap

@@ -382,7 +382,7 @@ exports[`Search view > (Snapshot) renders the search view 1`] = `
                 Query: "test"
               </h2>
               <div
-                class="flex w-full flex-1 flex-col overflow-hidden"
+                class="flex w-full flex-1 flex-col overflow-y-auto"
               >
                 <button
                   aria-hidden="true"

packages/player/src/views/Settings/__snapshots__/Settings.test.tsx.snap

@@ -542,7 +542,7 @@ exports[`Settings view > (Snapshot) renders the settings view 1`] = `
                 Settings
               </h1>
               <div
-                class="flex w-full flex-1 flex-col overflow-hidden"
+                class="flex w-full flex-1 flex-col overflow-y-auto"
               >
                 <div
                   class="flex w-full flex-col items-center justify-center overflow-hidden"