add memes

src/components/AudioPlayer.jsx

@@ -1,5 +1,6 @@
 import { useState, useEffect, useRef } from "react";
 import { Howl, Howler } from "howler";
+import { metaData } from "../config";
 import Play from "@mui/icons-material/PlayArrow";
 import Pause from "@mui/icons-material/Pause";
 import "@styles/player.css";
@@ -119,6 +120,10 @@ useEffect(() => {
     clearGlobalMetadataInterval();
     currentStationForInterval = activeStation;
 
+    const setPageTitle = (artist, song) => {
+      document.title = metaData.title + ` - Radio - ${artist} - ${song} [${activeStation}]`;
+    }
+
     const fetchTrackData = async () => {
       try {
         const response = await fetch(`${API_URL}/radio/np?station=${activeStation}`, {
@@ -156,6 +161,7 @@ useEffect(() => {
         setTrackArtist(data.artist);
         setTrackGenre(data.genre !== "N/A" ? data.genre : "");
         setTrackAlbum(data.album);
+        setPageTitle(data.artist, data.song);
         setCoverArt(`${API_URL}/radio/album_art?station=${activeStation}&_=${Date.now()}`);
         setElapsed(data.elapsed);
         setDuration(data.duration);
@@ -182,6 +188,7 @@ const progressColorClass =
     : "bg-blue-500 dark:bg-blue-400";
 
 
+
   return (
     <>
       <div className="station-tabs flex gap-2 justify-center mb-4 flex-wrap z-10 relative">