fix all imports for new structure

src/remote/components/wrapped-slider.tsx

@@ -1,7 +1,6 @@
-import { useState, ReactNode } from 'react';
-import { SliderProps } from '@mantine/core';
+import { rem, Slider, SliderProps } from '@mantine/core';
+import { ReactNode, useState } from 'react';
 import styled from 'styled-components';
-import { PlayerbarSlider } from '/@/renderer/features/player/components/playerbar-slider';
 
 const SliderContainer = styled.div`
     display: flex;
@@ -25,6 +24,54 @@ const SliderWrapper = styled.div`
     height: 100%;
 `;
 
+const PlayerbarSlider = ({ ...props }: SliderProps) => {
+    return (
+        <Slider
+            styles={{
+                bar: {
+                    backgroundColor: 'var(--playerbar-slider-track-progress-bg)',
+                    transition: 'background-color 0.2s ease',
+                },
+                label: {
+                    backgroundColor: 'var(--tooltip-bg)',
+                    color: 'var(--tooltip-fg)',
+                    fontSize: '1.1rem',
+                    fontWeight: 600,
+                    padding: '0 1rem',
+                },
+                root: {
+                    '&:hover': {
+                        '& .mantine-Slider-bar': {
+                            backgroundColor: 'var(--primary-color)',
+                        },
+                        '& .mantine-Slider-thumb': {
+                            opacity: 1,
+                        },
+                    },
+                },
+                thumb: {
+                    backgroundColor: 'var(--slider-thumb-bg)',
+                    borderColor: 'var(--primary-color)',
+                    borderWidth: rem(1),
+                    height: '1rem',
+                    opacity: 0,
+                    width: '1rem',
+                },
+                track: {
+                    '&::before': {
+                        backgroundColor: 'var(--playerbar-slider-track-bg)',
+                        right: 'calc(0.1rem * -1)',
+                    },
+                },
+            }}
+            {...props}
+            onClick={(e) => {
+                e?.stopPropagation();
+            }}
+        />
+    );
+};
+
 export interface WrappedProps extends Omit<SliderProps, 'onChangeEnd'> {
     leftLabel?: ReactNode;
     onChangeEnd: (value: number) => void;
@@ -43,9 +90,6 @@ export const WrapperSlider = ({ leftLabel, rightLabel, value, ...props }: Wrappe
                 <PlayerbarSlider
                     {...props}
                     min={0}
-                    size={6}
-                    value={!isSeeking ? (value ?? 0) : seek}
-                    w="100%"
                     onChange={(e) => {
                         setIsSeeking(true);
                         setSeek(e);
@@ -54,6 +98,9 @@ export const WrapperSlider = ({ leftLabel, rightLabel, value, ...props }: Wrappe
                         props.onChangeEnd(e);
                         setIsSeeking(false);
                     }}
+                    size={6}
+                    value={!isSeeking ? (value ?? 0) : seek}
+                    w="100%"
                 />
             </SliderWrapper>
             {rightLabel && <SliderValueWrapper $position="right">{rightLabel}</SliderValueWrapper>}