i18n: make two hardcoded titles translatable

Replace hardcoded English strings with t() and add the source keys:
- LibraryOptionsSheet 'Options' -> library.options.options_title
- MpvPlayerView.web iframe 'MPV Player' -> player.mpv_player_title
New keys only (English source); other locales fall back to English until translated via Crowdin, so no regression.

components/settings/LibraryOptionsSheet.tsx

@@ -229,7 +229,7 @@ export const LibraryOptionsSheet: React.FC<Props> = ({
             />
           </OptionGroup>
 
-          <OptionGroup title='Options'>
+          <OptionGroup title={t("library.options.options_title")}>
             <ToggleItem
               label={t("library.options.show_titles")}
               value={settings.showTitles}

modules/mpv-player/src/MpvPlayerView.web.tsx

@@ -1,11 +1,13 @@
+import { useTranslation } from "react-i18next";
 import { MpvPlayerViewProps } from "./MpvPlayer.types";
 
 export default function MpvPlayerView(props: MpvPlayerViewProps) {
   const url = props.source?.url ?? "";
+  const { t } = useTranslation();
   return (
     <div>
       <iframe
-        title='MPV Player'
+        title={t("player.mpv_player_title")}
         style={{ flex: 1 }}
         src={url}
         onLoad={() => props.onLoad?.({ nativeEvent: { url } })}

translations/en.json

@@ -652,7 +652,8 @@
       "poster": "Poster",
       "cover": "Cover",
       "show_titles": "Show Titles",
-      "show_stats": "Show Stats"
+      "show_stats": "Show Stats",
+      "options_title": "Options"
     },
     "filters": {
       "genres": "Genres",
@@ -682,6 +683,7 @@
   },
   "player": {
     "live": "LIVE",
+    "mpv_player_title": "MPV Player",
     "error": "Error",
     "failed_to_get_stream_url": "Failed to get the stream URL",
     "an_error_occured_while_playing_the_video": "An error occurred while playing the video. Check logs in settings.",