fix corrupted middle dot character across 7 files

src/components/detail/PlaylistView.tsx

@@ -427,8 +427,8 @@ export default function PlaylistView({ item, serverUrl }: Props) {
 
             <p className="text-[12.5px] text-white/65 font-medium tabular-nums mb-5">
               {items.length} {items.length === 1 ? 'item' : 'items'}
-              {totalRuntime && <> · {totalRuntime}</>}
+              {totalRuntime && <> · {totalRuntime}</>}
-              {watchedCount > 0 && <> · {watchedCount} watched</>}
+              {watchedCount > 0 && <> · {watchedCount} watched</>}
             </p>
 
             <div className="flex items-center gap-2.5 flex-wrap mb-4">

src/components/detail/SeriesSection.tsx

@@ -248,7 +248,7 @@ export default function SeriesSection({ seriesId, imdbId, tmdbId }: Props) {
               <span className="text-text-4"> {count === 1 ? 'episode' : 'episodes'}</span>
               {runtimeLabel && (
                 <>
-                  <span className="text-text-5 mx-1.5">·</span>
+                  <span className="text-text-5 mx-1.5">·</span>
                   <span className="tabular-nums text-text-2 font-medium">{runtimeLabel}</span>
                   <span className="text-text-4"> total</span>
                 </>

src/components/player/EpisodesPanel.tsx

@@ -269,11 +269,11 @@ export default function EpisodesPanel({
                           }`}
                         >
                           {seasonNum != null && epNum != null
-                            ? `S${seasonNum} · E${epNum}`
+                            ? `S${seasonNum} · E${epNum}`
                             : `Episode ${epNum ?? '?'}`}
                           {runtimeTicks > 0 && (
                             <span className="text-white/40 normal-case tracking-normal font-normal ml-1.5">
-                              · {formatRuntime(runtimeTicks)}
+                              · {formatRuntime(runtimeTicks)}
                             </span>
                           )}
                           <span className="ml-1.5 inline-flex">

src/components/player/NowPlaying.tsx

@@ -173,7 +173,7 @@ export default function NowPlaying({ isOpen, onClose }: NowPlayingProps) {
                 {artist}
                 {album && (
                   <>
-                    <span className="text-white/30 mx-2">·</span>
+                    <span className="text-white/30 mx-2">·</span>
                     <span className="text-white/55">{album}</span>
                   </>
                 )}
@@ -285,7 +285,7 @@ export default function NowPlaying({ isOpen, onClose }: NowPlayingProps) {
               >
                 <ListMusic size={14} />
                 Queue
-                <span className="text-white/40">·</span>
+                <span className="text-white/40">·</span>
                 <span className="tabular-nums">{queue.length}</span>
               </button>
             </motion.div>

src/components/player/UpNext.tsx

@@ -28,7 +28,7 @@ export default function UpNext({
   const thumb = getBestImage(serverUrl, nextItem, 'thumb', 480)
   const epLabel =
     nextItem.ParentIndexNumber != null && nextItem.IndexNumber != null
-      ? `S${nextItem.ParentIndexNumber} · E${nextItem.IndexNumber}`
+      ? `S${nextItem.ParentIndexNumber} · E${nextItem.IndexNumber}`
       : ''
 
   return (

src/components/ui/ContentRow.tsx

@@ -279,7 +279,7 @@ function ListRowCard({ item, index }: { item: BaseItemDto; index: number }) {
     item.ProductionYear,
     item.RunTimeTicks ? formatRuntime(item.RunTimeTicks) : '',
     (item.Genres || []).slice(0, 2).join(', '),
-  ].filter(Boolean).join(' · ')
+  ].filter(Boolean).join(' · ')
   return (
     <motion.button
       initial={{ opacity: 0, y: 4 }}

src/components/ui/QuickLookModal.tsx

@@ -168,7 +168,7 @@ export default function QuickLookModal() {
                       <span key={c.id}>
                         <span className="font-medium text-text-1">{c.name}</span>
                         {c.character && <span className="text-text-4"> as {c.character}</span>}
-                        {i < cast.length - 1 && <span className="text-text-5 mx-1.5">·</span>}
+                        {i < cast.length - 1 && <span className="text-text-5 mx-1.5">·</span>}
                       </span>
                     ))}
                   </p>
@@ -218,5 +218,5 @@ export default function QuickLookModal() {
 }
 
 function Dot() {
-  return <span className="text-text-5">·</span>
+  return <span className="text-text-5">·</span>
 }