Further cleanup

src/routes/player/SeekBar.tsx

 import React, {MouseEvent, useCallback, useMemo, useState} from "react";
 import {createUseStyles} from "react-jss";
+import {getMousePosition} from "../../util/mouse/getMousePosition";
 import {useOffsetRef} from "../../util/offset/useOffsetRef";
 import {PreviewBar} from "./PreviewBar";
 
@@ -10,21 +11,6 @@ interface Props {
     position: number,
 }
 
-interface MousePosition {
-    absolute: number,
-    relative: number
-}
-
-function getMousePosition(event: MouseEvent<HTMLDivElement>): MousePosition | null {
-    const position = event.clientX - event.currentTarget.offsetLeft;
-    const width = event.currentTarget.offsetWidth;
-    if (position > width) return null;
-    return {
-        absolute: position,
-        relative: position / width
-    };
-}
-
 export function SeekBar({video, previewTrack, duration, position}: Props) {
     const classes = useStyles();
 

src/util/mouse/MousePosition.tsx

+export interface MousePosition {
+    absolute: number,
+    relative: number
+}

src/util/mouse/getMousePosition.tsx

+import {MouseEvent} from "react";
+import {MousePosition} from "./MousePosition";
+
+export function getMousePosition(event: MouseEvent<HTMLDivElement>): MousePosition | null {
+    const position = event.clientX - event.currentTarget.offsetLeft;
+    const width = event.currentTarget.offsetWidth;
+    if (position > width) return null;
+    return {
+        absolute: position,
+        relative: position / width
+    };
+}