Fixing error prettier redesign CI

front/components/UI/InteractiveBase.tsx

@@ -215,23 +215,18 @@ const InteractiveBase: React.FC<InteractiveBaseProps> = ({
 		]).start();
 	};
 
+	const animatedStyle = {
+		backgroundColor: isOutlined ? 'rgba(0,0,0,0.3)' : backgroundColorValue,
+		borderColor: isOutlined ? backgroundColorValue : 'transparent',
+		borderWidth: 2,
+		transform: [{ scale: scaleValue }],
+		shadowOpacity: shadowOpacityValue,
+		shadowRadius: shadowRadiusValue,
+		elevation: elevationValue,
+	};
+
 	return (
-		<Animated.View
+		<Animated.View style={[style, isDisabled ? styleAnimate.Disabled : animatedStyle]}>
-			style={[
-				style,
-				isDisabled
-					? styleAnimate.Disabled
-					: {
-							backgroundColor: isOutlined ? 'rgba(0,0,0,0.3)' : backgroundColorValue,
-							borderColor: isOutlined ? backgroundColorValue : 'transparent',
-							borderWidth: 2,
-							transform: [{ scale: scaleValue }],
-							shadowOpacity: shadowOpacityValue,
-							shadowRadius: shadowRadiusValue,
-							elevation: elevationValue,
-						},
-			]}
-		>
 			<Pressable
 				disabled={isDisabled}
 				onHoverIn={handleMouseEnter}