fix(app): keep slowmode reset visible and localize markers (#1586)

fluxer_app/src/features/ui/components/Slider.module.css

@@ -51,6 +51,7 @@
 
 .resetButton:disabled {
 	cursor: not-allowed;
+	opacity: 0.5;
 }
 
 .resetRow {

fluxer_app/src/features/ui/components/slider/SliderResetControls.tsx

@@ -67,6 +67,7 @@ export function SliderResetControls({
 					canReset={canReset}
 					onReset={onReset}
 					ariaLabel={inlineLabel}
+					alwaysVisible={true}
 					dataFlx="ui.slider.slider-reset-controls.reset-button"
 					data-flx="ui.slider.slider-reset-controls.slider-reset-icon-button"
 				/>

fluxer_app/src/features/ui/components/slider/SliderResetIconButton.tsx

@@ -13,6 +13,7 @@ interface SliderResetIconButtonProps {
 	className?: string;
 	iconSize?: number;
 	dataFlx?: string;
+	alwaysVisible?: boolean;
 }
 
 export function canResetSliderValue(value: number, factoryDefaultValue: number, disabled = false): boolean {
@@ -26,13 +27,15 @@ export function SliderResetIconButton({
 	className,
 	iconSize = 14,
 	dataFlx = 'ui.slider.slider-reset-icon-button.button',
+	alwaysVisible = false,
 }: SliderResetIconButtonProps): React.ReactElement | null {
-	if (!canReset) return null;
+	if (!canReset && !alwaysVisible) return null;
 	return (
 		<button
 			type="button"
 			className={clsx(styles.resetButton, className)}
 			onClick={onReset}
+			disabled={!canReset}
 			aria-label={ariaLabel}
 			data-flx={dataFlx}
 		>