Update App.tsx; better readability

Author: sensor0x0

Dockerfile

@@ -1,4 +1,4 @@
-# ── Stage 1: Build the Vite frontend ─────────────────────────────────────────
+# Build Vite frontend
 FROM node:20-alpine AS frontend-build
 
 WORKDIR /app/dromeport
@@ -10,7 +10,7 @@ COPY dromeport/ ./
 RUN npm run build
 
 
-# ── Stage 2: Python backend + bundled tools ───────────────────────────────────
+# Python backend and bundled tools
 FROM python:3.12-slim
 
 # git   → initial SpotiFLAC clone + in-container updates
@@ -23,14 +23,14 @@ RUN apt-get update \
         coreutils \
     && rm -rf /var/lib/apt/lists/*
 
-# ── yt-dlp ────────────────────────────────────────────────────────────────────
+# yt-dlp
 # pip-installed so "pip install -U yt-dlp" updates it inside the running
 # container with no image rebuild needed.
 RUN pip install --no-cache-dir yt-dlp
 
-# ── SpotiFLAC-CLI ─────────────────────────────────────────────────────────────
+# SpotiFLAC-CLI
 # Clone the repo, then install its dependencies as declared in pyproject.toml.
-# No requirements.txt — deps are: requests, mutagen, pyotp.
+# No requirements.txt, deps are: requests, mutagen, pyotp.
 # "git pull" inside the running container is enough to update the tool itself.
 RUN git clone --depth 1 \
         https://github.com/jelte1/SpotiFLAC-Command-Line-Interface \
@@ -42,7 +42,7 @@ RUN git clone --depth 1 \
 
 ENV SPOTIFLAC_PATH=/opt/spotiflac/launcher.py
 
-# ── Backend ───────────────────────────────────────────────────────────────────
+# Backend
 WORKDIR /app
 
 COPY backend/requirements.txt ./

dromeport/src/App.tsx

@@ -925,10 +925,12 @@ function App() {
 
                           <p className="flex items-start gap-1.5 text-xs text-muted-foreground">
                             <Info className="w-3.5 h-3.5 shrink-0 mt-0.5" />
-                            Can't find your library? Make sure you've added the correct{" "}
-                            <code className="font-mono bg-muted px-1 rounded">DROMEPORT_LIBRARY_*</code>{" "}
-                            environment variables in your{" "}
-                            <code className="font-mono bg-muted px-1 rounded">docker-compose.yml</code>.
+                            <span>
+                              Can't find your library? Make sure you've added the correct{" "}
+                              <code className="font-mono bg-muted px-1 rounded">DROMEPORT_LIBRARY_*</code>{" "}
+                              environment variables in your{" "}
+                              <code className="font-mono bg-muted px-1 rounded">docker-compose.yml</code>.
+                            </span>
                           </p>
 
                           <div className="space-y-2 pt-1">
@@ -1068,7 +1070,7 @@ function App() {
                   </CardHeader>
                   <CardContent className="space-y-4">
 
-                    {/* SpotiFLAC path — hidden in Docker (pre-installed) */}
+                    {/* SpotiFLAC path - hidden in Docker (pre-installed) */}
                     {isDockerMode ? (
                       <div className="flex items-center gap-2 rounded-lg border border-border bg-muted/30 px-3 py-2.5">
                         <CheckCircle className="w-4 h-4 text-green-500 shrink-0" />
@@ -1120,9 +1122,9 @@ function App() {
                       <Select value={config.spotify.spotiflacOutputFormat} onValueChange={(v) => setSpotify("spotiflacOutputFormat", v)}>
                         <SelectTrigger className="bg-background"><SelectValue /></SelectTrigger>
                         <SelectContent>
-                          <SelectItem value="flac">FLAC — lossless (default, no transcoding)</SelectItem>
-                          <SelectItem value="opus">Opus — lossy via FFmpeg (~320 kbps)</SelectItem>
-                          <SelectItem value="mp3">MP3 — lossy via FFmpeg (VBR best)</SelectItem>
+                          <SelectItem value="flac">FLAC - lossless (default, no transcoding)</SelectItem>
+                          <SelectItem value="opus">Opus - lossy via FFmpeg (~320 kbps)</SelectItem>
+                          <SelectItem value="mp3">MP3 - lossy via FFmpeg (VBR best)</SelectItem>
                         </SelectContent>
                       </Select>
                       {config.spotify.spotiflacOutputFormat !== "flac" && (