Refactor code structure for improved readability and maintainability

app/components/ihateserverside.tsx

@@ -37,7 +37,7 @@ const Ihateserverside: React.FC<IhateserversideProps> = ({ children }) => {
       {/* Main Content Area */}
       <div className="flex-1 flex overflow-hidden">
         {isSidebarVisible && (
-          <div className="w-64 flex-shrink-0">
+          <div className="w-64 flex-shrink-0 border-r">
             <Sidebar
               playlists={playlists}
               className="h-full overflow-y-auto"

app/components/menu.tsx

@@ -84,7 +84,7 @@ export function Menu({ toggleSidebar, isSidebarVisible, toggleStatusBar, isStatu
       <>
       <Menubar className="rounded-none border-b border-none px-2 lg:px-4">
         <MenubarMenu>
-          <MenubarTrigger className="font-bold">offbrand spotify</MenubarTrigger>
+          <MenubarTrigger className="font-bold">mice</MenubarTrigger>
           <MenubarContent>
             <MenubarItem onClick={() => setOpen(true)}>About Music</MenubarItem>
             <MenubarSeparator />