fixes

Author: Satyam1923

web/app/page.tsx

@@ -56,6 +56,7 @@ export default function Home() {
     <div className="flex flex-col h-screen">
       <div className="flex flex-1 overflow-hidden pt-16">
         <Sidebar />
+        <div className="h-full w-px bg-neutral-800" />
         <div className="flex-1 bg-black p-5 text-white overflow-y-auto">
           <h1 className="text-2xl mb-4">Trending Now</h1>
           {error && <p className="text-red-500">Error: {error}</p>}

web/components/Album.tsx

@@ -64,6 +64,7 @@ export default function Album({ id }: { id: string }) {
     <div className="flex flex-col h-screen">
       <div className="flex flex-1 overflow-hidden pt-16">
         <Sidebar />
+        <div className="h-full w-px bg-neutral-800" />
         <div className="flex-1 bg-black p-5 text-white overflow-y-auto">
           <h1 className="text-2xl mb-4">Album</h1>
           {error && <p className="text-red-500">Error: {error}</p>}

web/components/Artist.tsx

@@ -69,6 +69,7 @@ export default function Artist({ id }: { id: string }) {
     <div className="flex flex-col h-screen">
       <div className="flex flex-1 overflow-hidden pt-16">
         <Sidebar />
+        <div className="h-full w-px bg-neutral-800" />
         <div className="flex-1 bg-black p-5 text-white overflow-y-auto">
           <div className="flex items-center gap-4 mb-6">
             {artistImage && (

web/components/Playlist.tsx

@@ -65,6 +65,7 @@ export default function Playlist({ id }: { id: string }) {
     <div className="flex flex-col h-screen">
       <div className="flex flex-1 overflow-hidden pt-16">
         <Sidebar />
+        <div className="h-full w-px bg-neutral-800" />
         <div className="flex-1 bg-black p-5 text-white overflow-y-auto">
           <h1 className="text-2xl mb-4">Playlist</h1>
           {error && <p className="text-red-500">Error: {error}</p>}