feat: implement recently played albums and sidebar shortcut preferences

hooks/use-recently-played-albums.ts

@@ -0,0 +1,36 @@
+'use client';
+
+import { useState, useEffect } from 'react';
+import { Album } from '@/lib/navidrome';
+import { useNavidrome } from '@/app/components/NavidromeContext';
+
+export function useRecentlyPlayedAlbums() {
+  const [recentAlbums, setRecentAlbums] = useState<Album[]>([]);
+  const [loading, setLoading] = useState(true);
+  const { api } = useNavidrome();
+
+  const fetchRecentAlbums = async () => {
+    if (!api) return;
+    
+    try {
+      setLoading(true);
+      const albums = await api.getAlbums('recent', 5, 0);
+      setRecentAlbums(albums);
+    } catch (error) {
+      console.error('Failed to fetch recent albums:', error);
+      setRecentAlbums([]);
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  useEffect(() => {
+    fetchRecentAlbums();
+  }, [api]);
+
+  return {
+    recentAlbums,
+    loading,
+    refetch: fetchRecentAlbums
+  };
+}