fix: way of reading the value from animated shared values in the components

[khushal87]

🎯 Goal

The warning on RN 0.74 with the React native reanimated throws:

 WARN  [Reanimated] Reading from `value` during component render. Please ensure that you do not access the `value` property or use the `get` method of a shared value while React is rendering a component.

If you don't want to see this message, you can disable the `strict` mode. Refer to:
https://docs.swmansion.com/react-native-reanimated/docs/debugging/logger-configuration for more details.

This has been fixed in multiple places, including the ImageGallery, AnimatedImageGallery and AnimatedGalleryVideo components.

For the useImageGalleryGestures, the index is not at all an animated value but can be managed using a local state, so that is what I have done in the PR, and the change is for the better.

There was a bug with the background color in the image gallery component that I might have introduced in the past while testing an issue for a customer so that has been fixed as well on v6.

[Stream-SDK-Bot]

SDK Size

title	develop	branch	diff	status
js_bundle_size	446.7021484375 KB	445 KB	-1926 B	🚀