feat: add CreditsNav component to display user credits in AppSidebar

src/components/AppSidebar.tsx

@@ -16,6 +16,7 @@ import {
 import { NavGroup } from './nav/NavGroup'
 import { NavItem } from './nav/NavItem'
 import { UserNav } from './nav/UserNav'
+import { CreditsNav } from './nav/CreditsNav'
 import { CompactPlayer } from './player/CompactPlayer'
 import { Separator } from '@/components/ui/separator'
 import { useAuth } from '@/contexts/AuthContext'
@@ -64,6 +65,8 @@ export function AppSidebar({ showCompactPlayer = false }: AppSidebarProps) {
             <Separator className="mb-1 group-data-[collapsible=icon]:hidden" />
           </>
         )}
+        <CreditsNav user={user} />
+        <Separator className="mb-1 group-data-[collapsible=icon]:hidden" />
         <UserNav user={user} logout={logout} />
       </SidebarFooter>