Add animation to update pagination dot while swiping

[anna-rusk]

Which OS ?

iOS

Version

Which versions are you using:

• react-native-swiper v1.6.0
• react-native v0.72.7

Expected behaviour

The pagination dot should start animating as you are swiping to the next index.

Actual behaviour

The pagination dot doesn't update until after you swipe to an index..

[Abhishekkumar4444]

Issue Title: ### Pagination Dot Animation Not Synced with Swiper Index Change
Issue Description: Pagination dots are not animating correctly when swiping to the next index in the Swiper component.

OS
Android

Detailed Description:

When swiping to the next index in the Swiper component, the pagination dots should smoothly animate to reflect the current active index. However, I'm experiencing an issue where the animation of pagination dots is not properly synchronized with the Swiper index change.

Environment:
React Native version: 0.64.2
react-native-swiper version: ^1.6.0

Expected Behavior:

The pagination dots should smoothly animate to indicate the current active index as the Swiper is being swiped.

Actual Behavior: Pagination dots are not animating correctly when swiping to the next index in the Swiper component.

[I-am-abdulazeez]

Exactly... Maybe there should be an easing prop

<Swiper
...otherPrps
easing="ease-out" // Add easing for smooth transition
>
<View></View>
</Swiper>