chore: upgrade i18next 26, prettier 3, fontsource-variable, domhandler 6, lint-staged 17

- i18next 23->26 + react-i18next 15->17
- prettier 2->3, reformat all files
- replace @fontsource/inter with @fontsource-variable/inter 5, update import path
- domhandler 5->6 (aligns with transitive deps)
- lint-staged 16->17

src/app/hooks/media/useMediaLoading.ts

@@ -6,7 +6,7 @@ export type MediaLoadingData = {
 };
 
 export const useMediaLoading = (
-  getTargetElement: () => HTMLMediaElement | null
+  getTargetElement: () => HTMLMediaElement | null,
 ): MediaLoadingData => {
   const [loadingData, setLoadingData] = useState<MediaLoadingData>({
     loading: false,

src/app/hooks/media/useMediaPlay.ts

@@ -9,7 +9,7 @@ export type MediaPlayControl = {
 };
 
 export const useMediaPlay = (
-  getTargetElement: () => HTMLMediaElement | null
+  getTargetElement: () => HTMLMediaElement | null,
 ): MediaPlayData & MediaPlayControl => {
   const [playing, setPlay] = useState(false);
 
@@ -20,7 +20,7 @@ export const useMediaPlay = (
       if (play) targetEl.play();
       else targetEl.pause();
     },
-    [getTargetElement]
+    [getTargetElement],
   );
 
   useEffect(() => {

src/app/hooks/media/useMediaPlayTimeCallback.ts

@@ -4,7 +4,7 @@ export type PlayTimeCallback = (duration: number, currentTime: number) => void;
 
 export const useMediaPlayTimeCallback = (
   getTargetElement: () => HTMLMediaElement | null,
-  onPlayTimeCallback: PlayTimeCallback
+  onPlayTimeCallback: PlayTimeCallback,
 ): void => {
   useEffect(() => {
     const targetEl = getTargetElement();

src/app/hooks/media/useMediaPlaybackRate.ts

@@ -8,7 +8,7 @@ export type MediaPlaybackRateControl = {
 };
 
 export const useMediaPlaybackRate = (
-  getTargetElement: () => HTMLMediaElement | null
+  getTargetElement: () => HTMLMediaElement | null,
 ): MediaPlaybackRateData & MediaPlaybackRateControl => {
   const [rate, setRate] = useState(1.0);
 
@@ -18,7 +18,7 @@ export const useMediaPlaybackRate = (
       if (!targetEl) return;
       targetEl.playbackRate = playbackRate;
     },
-    [getTargetElement]
+    [getTargetElement],
   );
 
   useEffect(() => {

src/app/hooks/media/useMediaSeek.ts

@@ -9,7 +9,7 @@ export type MediaSeekControl = {
 };
 
 export const useMediaSeek = (
-  getTargetElement: () => HTMLMediaElement | null
+  getTargetElement: () => HTMLMediaElement | null,
 ): MediaSeekData & MediaSeekControl => {
   const [seekData, setSeekData] = useState<MediaSeekData>({
     seeking: false,
@@ -22,7 +22,7 @@ export const useMediaSeek = (
       if (!targetEl) return;
       targetEl.currentTime = time;
     },
-    [getTargetElement]
+    [getTargetElement],
   );
 
   useEffect(() => {

src/app/hooks/media/useMediaVolume.ts

@@ -11,7 +11,7 @@ export type MediaVolumeControl = {
 };
 
 export const useMediaVolume = (
-  getTargetElement: () => HTMLMediaElement | null
+  getTargetElement: () => HTMLMediaElement | null,
 ): MediaVolumeData & MediaVolumeControl => {
   const [volumeData, setVolumeData] = useState<MediaVolumeData>({
     volume: 1,
@@ -24,7 +24,7 @@ export const useMediaVolume = (
       if (!targetEl) return;
       targetEl.muted = mute;
     },
-    [getTargetElement]
+    [getTargetElement],
   );
 
   const setVolume = useCallback(
@@ -33,7 +33,7 @@ export const useMediaVolume = (
       if (!targetEl) return;
       targetEl.volume = volume;
     },
-    [getTargetElement]
+    [getTargetElement],
   );
 
   useEffect(() => {