feat: album info in header

Signed-off-by: Varun Raj <varun@skcript.com>

src/components/shared/Sidebar.tsx

@@ -19,8 +19,8 @@ export default function Sidebar() {
   return (
     <div className="hidden border-r bg-muted/40 md:block max-h-screen min-h-screen">
       <div className="flex h-full max-h-screen flex-col gap-2">
-        <div className="flex h-14 items-center justify-between border-b px-4 lg:h-[60px] lg:px-6">
-          <Link href="/" className="flex items-center  gap-2 font-semibold">
+        <div className="flex h-14 items-center justify-between border-b px-2 lg:h-[60px] lg:px-2">
+          <Link href="/" className="flex items-center gap-1 font-semibold">
             <img
               src="/favicon.png"
               width={32}
@@ -39,7 +39,7 @@ export default function Sidebar() {
                 key={nav.title}
                 href={nav.link}
                 className={cn(
-                  "flex items-center gap-3 rounded-lg px-3 py-2 text-muted-foreground transition-all hover:text-primary",
+                  "flex items-center gap-3 rounded-lg py-2 text-muted-foreground transition-all hover:text-primary",
                   {
                     "text-primary": pathname === nav.link,
                   }