udpate

src/App.jsx

@@ -3,6 +3,7 @@ import { Sun, Moon } from 'lucide-react';
 import Timeline from './components/Timeline';
 import PhotoDetail from './components/PhotoDetail';
 import Admin from './components/Admin';
+import MusicPlayer from './components/MusicPlayer';
 import { fetchPhotos } from './data/photos';
 
 function App() {
@@ -115,6 +116,14 @@ function App() {
           onClose={() => setActivePhoto(null)}
         />
       )}
+
+      {/* Music Player */}
+      <MusicPlayer
+        navidromeUrl={import.meta.env.VITE_NAVIDROME_URL}
+        username={import.meta.env.VITE_NAVIDROME_USERNAME}
+        password={import.meta.env.VITE_NAVIDROME_PASSWORD}
+        playlistId={import.meta.env.VITE_NAVIDROME_PLAYLIST_ID}
+      />
     </div>
   );
 }