Fix withDecay rubberBandFactor on Web

[kacperkapusciak]

Summary

This PR fixes an issue where rubberBandFactor on Web was handled by factor of 1000x and patch for "pixels-per-second" issue on Web for that was only applied on default config.

Before

When rubberBandEffect: true is provided a box handled with gesture shoots to the moon 🚀

Screen.Recording.2023-03-24.at.09.56.48.mov

After

After this fix it behaves nicely 😎

Screen.Recording.2023-03-24.at.10.07.04.mov

Test plan

Run this snippet both in WebExample/:

import { StyleSheet, View } from 'react-native';
import Animated, {
  useAnimatedStyle,
  useSharedValue,
  withDecay,
} from 'react-native-reanimated';

import {
  Gesture,
  GestureDetector,
  GestureHandlerRootView,
} from 'react-native-gesture-handler';

export default function App() {
  const offset = useSharedValue(0);

  const pan = Gesture.Pan()
    .onChange((event) => {
      offset.value += event.changeY;
    })
    .onFinalize((event) => {
      offset.value = withDecay({
        velocity: event.velocityY,
        clamp: [-200, 200],
        rubberBandFactor: 0.7,
        rubberBandEffect: true,
      });
    });

  const animatedStyles = useAnimatedStyle(() => ({
    transform: [{ translateY: offset.value }],
  }));

  return (
    <GestureHandlerRootView style={styles.container}>
      <View style={styles.container}>
        <GestureDetector gesture={pan}>
          <Animated.View style={[styles.box, animatedStyles]} />
        </GestureDetector>
      </View>
    </GestureHandlerRootView>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    alignItems: 'center',
    justifyContent: 'center',
    height: '100%',
  },
  box: {
    height: 120,
    width: 120,
    backgroundColor: '#001A72',
    borderRadius: 20,
    cursor: 'grab',
  },
});

[piaskowyk]

👍