v3: added password change/reset feature

src/components/FilePreview.tsx

@@ -2,7 +2,7 @@ import { useContext, useEffect, useState } from "react";
 import { API_URL } from "../config/api.ts";
 import type { Dump } from "../model.ts";
 import { formatBytes } from "../utils/format.ts";
-import { MediaPlayer } from "./MediaPlayer.tsx";
+import { IconPause, IconPlay, MediaPlayer } from "./MediaPlayer.tsx";
 import { PlayerContext } from "../contexts/PlayerContext.ts";
 import {
   BAR_GAP,
@@ -76,26 +76,7 @@ function AudioFilePreview(
         onClick={handlePlayBtn}
         aria-label={isPlaying ? "Pause" : "Play"}
       >
-        {isPlaying
-          ? (
-            <svg
-              viewBox="0 0 24 24"
-              fill="currentColor"
-              style={{ padding: "1px" }}
-            >
-              <rect x="5" y="3" width="4" height="18" rx="1" />
-              <rect x="15" y="3" width="4" height="18" rx="1" />
-            </svg>
-          )
-          : (
-            <svg
-              viewBox="0 0 24 24"
-              fill="currentColor"
-              style={{ marginLeft: "2px" }}
-            >
-              <polygon points="6,3 20,12 6,21" />
-            </svg>
-          )}
+        {isPlaying ? <IconPause /> : <IconPlay />}
       </button>
       {peaks
         ? (