abstract range

src/app/(features)/srt-player/VideoPlayer/VideoPanel.tsx

@@ -1,7 +1,7 @@
 import { useState, useRef, forwardRef, useEffect, useCallback } from "react";
 import { SubtitleDisplay } from "./SubtitleDisplay";
 import { LightButton } from "@/design-system/base/button";
-import { RangeInput } from "@/components/ui/RangeInput";
+import { RangeInput } from "@/design-system/base/range";
 import { getIndex, parseSrt, getNearistIndex } from "../subtitle";
 import { useTranslations } from "next-intl";
 

src/app/(features)/srt-player/components/atoms/SeekBar.tsx

@@ -2,7 +2,7 @@
 
 import React from "react";
 import { SeekBarProps } from "../../types/player";
-import { RangeInput } from "@/components/ui/RangeInput";
+import { RangeInput } from "@/design-system/base/range";
 
 export function SeekBar({ value, max, onChange, disabled, className }: SeekBarProps) {
   return (