From a28fe003a0fc80f347f7002e77f97c7eaf7b2c19 Mon Sep 17 00:00:00 2001
From: Geert Rademakes <g26107@eon.com>
Date: Wed, 6 Aug 2025 15:20:35 +0200
Subject: [PATCH] fix: Remove music icon badge from PersistentMusicPlayer
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Remove redundant 🎵 badge from the music player itself
- Clean up Badge import that's no longer needed
- Keep the player interface clean and focused on controls

The music player now has a cleaner look without redundant visual indicators.
---
 .../src/components/PersistentMusicPlayer.tsx         | 12 +++---------
 1 file changed, 3 insertions(+), 9 deletions(-)

diff --git a/packages/frontend/src/components/PersistentMusicPlayer.tsx b/packages/frontend/src/components/PersistentMusicPlayer.tsx
index 6c4317d..d21fe2f 100644
--- a/packages/frontend/src/components/PersistentMusicPlayer.tsx
+++ b/packages/frontend/src/components/PersistentMusicPlayer.tsx
@@ -11,7 +11,6 @@ import {
   SliderThumb,
   Icon,
   useToast,
-  Badge,
 } from '@chakra-ui/react';
 import {
   FiPlay,
@@ -227,14 +226,9 @@ export const PersistentMusicPlayer: React.FC<PersistentMusicPlayerProps> = ({
       <HStack spacing={4} align="center">
         {/* Song Info */}
         <VStack align="start" spacing={1} flex={1} minW={0}>
-          <HStack spacing={2} align="center">
-            <Text fontWeight="bold" fontSize="md" color="white" noOfLines={1}>
-              {currentSong.title}
-            </Text>
-            <Badge colorScheme="green" size="sm" variant="subtle" bg="green.900" color="green.200">
-              🎵
-            </Badge>
-          </HStack>
+          <Text fontWeight="bold" fontSize="md" color="white" noOfLines={1}>
+            {currentSong.title}
+          </Text>
           <Text fontSize="sm" color="gray.400" noOfLines={1}>
             {currentSong.artist}
           </Text>