feat: Add ListeningStreakCard component for tracking listening streaks

feat: Implement InfiniteScroll component for loading more items on scroll

feat: Create useListeningStreak hook to manage listening streak data and statistics

feat: Develop useProgressiveAlbumLoading hook for progressive loading of albums

feat: Implement background sync service worker for automatic data synchronization

app/components/AudioPlayerContext.tsx

@@ -228,6 +228,40 @@ export const AudioPlayerProvider: React.FC<{ children: React.ReactNode }> = ({ c
     
     if (currentTrack) {
       setPlayedTracks((prev) => [...prev, currentTrack]);
+      
+      // Record the play for listening streak
+      // This will store timestamp with the track play
+      try {
+        const today = new Date().toISOString().split('T')[0];
+        const streakData = localStorage.getItem('navidrome-streak-data');
+        
+        if (streakData) {
+          const parsedData = JSON.parse(streakData);
+          const todayData = parsedData[today] || {
+            date: today,
+            tracks: 0,
+            uniqueArtists: [],
+            uniqueAlbums: [],
+            totalListeningTime: 0
+          };
+          
+          // Update today's listening data
+          todayData.tracks += 1;
+          if (!todayData.uniqueArtists.includes(currentTrack.artistId)) {
+            todayData.uniqueArtists.push(currentTrack.artistId);
+          }
+          if (!todayData.uniqueAlbums.includes(currentTrack.albumId)) {
+            todayData.uniqueAlbums.push(currentTrack.albumId);
+          }
+          todayData.totalListeningTime += currentTrack.duration;
+          
+          // Save updated data
+          parsedData[today] = todayData;
+          localStorage.setItem('navidrome-streak-data', JSON.stringify(parsedData));
+        }
+      } catch (error) {
+        console.error('Failed to update listening streak data:', error);
+      }
     }
     
     // Set autoPlay flag on the track