feat: update commit SHA, enhance UI components with improved layouts and functionality, and refine Favorites page with new features

app/components/WhatsNewPopup.tsx

@@ -17,7 +17,6 @@ const CHANGELOG = [
     date: '2025-07-01',
     title: 'Initial Release',
     changes: [
-      'Added Favorites functionality for albums, songs, and artists',
       'Integrated standalone Last.fm scrobbling support',
       'Added collapsible sidebar with icon-only mode',
       'Improved search and browsing experience',
@@ -27,9 +26,16 @@ const CHANGELOG = [
       'Added settings page for customization options',
       'Introduced Whats New popup for version updates',
       'Improved UI consistency with new Badge component',
+      'New Favorites page with album, song, and artist sections',
     ],
     breaking: [],
-    fixes: []
+    fixes: [
+      'Fixed issue with audio player not resuming playback after pause',
+      'Resolved bug with search results not displaying correctly',
+      'Improved performance for large libraries',
+      'Fixed layout issues on smaller screens',
+      'Resolved scrobbling issues with Last.fm integration'
+    ]
   }
 ];
 

app/components/artist-icon.tsx

@@ -83,11 +83,10 @@ export function ArtistIcon({
     <div className={cn("space-y-3", className)} {...props}>
       <ContextMenu>
         <ContextMenuTrigger>
-          <Card key={artist.id} className="overflow-hidden">
+          <Card key={artist.id} className="overflow-hidden cursor-pointer" onClick={() => handleClick()}>
             <div
-              className="aspect-square relative group cursor-pointer"
+              className="aspect-square relative group"
               style={{ width: size, height: size }}
-              onClick={() => handleClick()}
             >
               <div className="w-full h-full">
                 <Image

app/components/sidebar.tsx

@@ -44,7 +44,7 @@ export function Sidebar({ className, playlists, collapsed = false, onToggle }: S
   const isAnySidebarRouteActive = Object.values(routes).some(Boolean);
 
   return (
-    <div className={cn("pb-6 relative", className)}>
+    <div className={cn("pb-23 relative", className)}>
       {/* Collapse/Expand Button */}
       <Button
         variant="ghost"
@@ -55,7 +55,7 @@ export function Sidebar({ className, playlists, collapsed = false, onToggle }: S
         {collapsed ? <ChevronRight className="h-4 w-4" /> : <ChevronLeft className="h-4 w-4" />}
       </Button>
 
-      <div className="space-y-4 py-4">
+      <div className="space-y-4 py-4 pt-6">
         <div className="px-3 py-2">
           <p className={cn("mb-2 px-4 text-lg font-semibold tracking-tight", collapsed && "sr-only")}>
             Discover
@@ -178,7 +178,7 @@ export function Sidebar({ className, playlists, collapsed = false, onToggle }: S
           </div>
         </div>
           <div>
-            <div className="px-3 py-2">
+            <div className="px-3 py-0 pt-0">
               <p className={cn("mb-2 px-4 text-lg font-semibold tracking-tight", collapsed && "sr-only")}>
                 Library
               </p>
@@ -322,8 +322,8 @@ export function Sidebar({ className, playlists, collapsed = false, onToggle }: S
               </div>
             </div>
           </div>
-          <div className="px-3 py-2 mt-4">
-            <div className="space-y-1">
+          <div className="px-3">
+            <div className="space-y-0">
               <Link href="/settings">
                 <Button 
                   variant={routes.isSettings ? "secondary" : "ghost"}