Bob AI: Add a lofi background music player to the website. Implement

src/app/layout.tsx

@@ -3,6 +3,7 @@ import { Plus_Jakarta_Sans } from "next/font/google";
 import "./globals.css";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
+import { MusicPlayer } from "@/components/MusicPlayer";
 
 const plusJakartaSans = Plus_Jakarta_Sans({
   variable: "--font-plus-jakarta-sans",  subsets: ["latin"],
@@ -24,6 +25,7 @@ export default function RootLayout({
           className={`${plusJakartaSans.variable} antialiased`}
         >
           <Tag />
+          <MusicPlayer />
           {children}
         
         <script

src/app/shop/page.tsx

@@ -38,7 +38,6 @@ function ShopPageContent() {
                                 {"name":"Shop","id":"/shop"}
                             ]}
                             brandName="Cozy Brews"
-                            button={{ text: "Cart", href: "/cart" }}
                         />
                     </div>
                     <main className="min-h-screen flex items-center justify-center pt-20">
@@ -70,7 +69,6 @@ function ShopPageContent() {
                             {"name":"Shop","id":"/shop"}
                         ]}
                         brandName="Cozy Brews"
-                        button={{ text: "Cart", href: "/cart" }}
                     />
                 </div>
                 <div id="productCatalog" data-section="productCatalog">