feat: make all activity grids configurable

client/app/routes/Home.tsx

@@ -26,7 +26,7 @@ export default function Home() {
       <div className="flex-1 flex flex-col items-center gap-16 min-h-0 mt-20">
         <div className="flex flex-col md:flex-row gap-10 md:gap-20">
           <AllTimeStats />
-          <ActivityGrid />
+          <ActivityGrid configurable />
         </div>
         <PeriodSelector setter={setPeriod} current={period} />
         <div className="flex flex-wrap gap-10 2xl:gap-20 xl:gap-10 justify-between mx-5 md:gap-5">

client/app/routes/MediaItems/Album.tsx

@@ -52,7 +52,7 @@ export default function Album() {
         <div className="flex flex-wrap gap-20 mt-10">
             <LastPlays limit={30} albumId={album.id} />
             <TopTracks limit={12} period={period} albumId={album.id} />
-            <ActivityGrid autoAdjust configurable albumId={album.id} />
+            <ActivityGrid configurable albumId={album.id} />
         </div>
     </MediaLayout>
   );

client/app/routes/MediaItems/Artist.tsx

@@ -59,7 +59,7 @@ export default function Artist() {
             <div className="flex gap-15 mt-10 flex-wrap">
                 <LastPlays limit={20} artistId={artist.id} />
                 <TopTracks limit={8} period={period} artistId={artist.id} />
-                <ActivityGrid configurable autoAdjust artistId={artist.id} />
+                <ActivityGrid configurable artistId={artist.id} />
             </div>
             <ArtistAlbums period={period} artistId={artist.id} name={artist.name} />
         </div>

client/app/routes/MediaItems/Track.tsx

@@ -54,7 +54,7 @@ export default function Track() {
             </div>
             <div className="flex flex-wrap gap-20 mt-10">
                 <LastPlays limit={20} trackId={track.id}/>
-                <ActivityGrid trackId={track.id} configurable autoAdjust />
+                <ActivityGrid trackId={track.id} configurable />
             </div>
         </MediaLayout>
     )