show episode title & duration in player

web/src/player/player.tsx

@@ -68,8 +68,10 @@ export const Player = () => {
   }
 
   return (
-    <div className="fixed bottom-0 left-0 right-0 z-50 max-w-[1440px] w-full mx-auto">
-      <div className="bg-white py-2 px-4 flex items-center gap-4">
+    <div className="fixed bottom-0 left-0 right-0 z-50">
+      <div className="max-w-[1440px] w-full mx-auto">
+        <div className="bg-white py-2 px-4 flex flex-col">
+          <div className="w-full flex items-center gap-4">
             <div className="flex items-center gap-2">
               {status === "playing" ? (
                 <button onClick={() => setStatus("paused")}>
@@ -121,6 +123,11 @@ export const Player = () => {
               {formatTime(currentTime)}
             </p>
           </div>
+
+          <h3 className="text-base font-semibold mt-2">{episode?.title}</h3>
+          <p className="opacity-50 mt-1">{formatTime(duration)}</p>
+        </div>
+      </div>
     </div>
   );
 };