Fixing song edit and delete

frontend/src/app/album/[id]/page.tsx

@@ -130,10 +130,10 @@ export default function Page() {
               <td>{song.title}</td>
               <td>{TimeUtils.fancyTimeFormat(song.duration)}</td>
               <td>
-                <IconButton aria-label="Edit Song" size="small" album-id={song.id.toString()} onClick={handleEdit}>
+                <IconButton aria-label="Edit Song" size="small" song-id={song.id.toString()} onClick={handleEdit}>
                   <Edit fontSize="inherit" color="success"/>
                 </IconButton>
-                <IconButton aria-label="Delete Song" size="small" album-id={song.id.toString()} onClick={handleDelete}>
+                <IconButton aria-label="Delete Song" size="small" song-id={song.id.toString()} onClick={handleDelete}>
                   <Delete fontSize="inherit" color="success"/>
                 </IconButton>
               </td>

frontend/src/app/components/navigation/navbar/button.tsx

@@ -1,6 +0,0 @@
-const Button = () => {
-  return (
-    <button className="button-primary">Sign In</button>
-  );
-};
-export default Button;

frontend/src/app/components/navigation/navbar/index.tsx

@@ -13,12 +13,9 @@ const Navbar = () => {
           </li>
           <li className="navbar-item">
             <Link href="/album" className="navbar-link">
-              <p>Albums</p>
+              <h1>Music Collection</h1>
             </Link>
           </li>
-          <li className="navbar-item">
-            <Button />
-          </li>
         </ul>
       </div>
     </nav>