fix: Return proper initial styles in PropsFilter for animated style objects (#7385)

## Summary

This PR changes the `PropsFilter` behavior for animated styles.

Before these changes, initial styles of all animated style objects were
merged into a single initial style object. After the first render, the
same initial style object was returned for each animated style, so e.g.
when we had multiple animated styles, the same initial style object was
added to the style array multiple times.

Even though the previous implementation worked on Fabric, I decided to
change it for consistency with implementation in reanimated `3.x.x`. The
new implementation, that returns a correct initial style corresponding
to the animated style object, feels better (in terms of logic) as gives
more expected results (each animated style is given its own initial
style properties, not combined props from all animated styles).

The original PR merged to the `3.17-stable` branch: #7376

Author: MatiPl01

packages/react-native-reanimated/src/createAnimatedComponent/PropsFilter.tsx

@@ -2,6 +2,7 @@
 
 import { initialUpdaterRun } from '../animation';
 import type { StyleProps } from '../commonTypes';
+import type { AnimatedStyleHandle } from '../hook/commonTypes';
 import { isSharedValue } from '../isSharedValue';
 import { isChromeDebugger } from '../PlatformChecker';
 import { WorkletEventHandler } from '../WorkletEventHandler';
@@ -21,30 +22,33 @@ function dummyListener() {
 }
 
 export class PropsFilter implements IPropsFilter {
-  private _initialStyle = {};
+  private _initialPropsMap = new Map<AnimatedStyleHandle, StyleProps>();
 
   public filterNonAnimatedProps(
     component: React.Component<unknown, unknown> & IAnimatedComponentInternal
   ): Record<string, unknown> {
     const inputProps =
       component.props as AnimatedComponentProps<InitialComponentProps>;
     const props: Record<string, unknown> = {};
+
     for (const key in inputProps) {
       const value = inputProps[key];
       if (key === 'style') {
         const styleProp = inputProps.style;
         const styles = flattenArray<StyleProps>(styleProp ?? []);
+
         const processedStyle: StyleProps[] = styles.map((style) => {
           if (style && style.viewDescriptors) {
-            // this is how we recognize styles returned by useAnimatedStyle
+            const handle = style as AnimatedStyleHandle;
+
             if (component._isFirstRender) {
-              this._initialStyle = {
-                ...style.initial.value,
-                ...this._initialStyle,
-                ...initialUpdaterRun<StyleProps>(style.initial.updater),
-              };
+              this._initialPropsMap.set(handle, {
+                ...handle.initial.value,
+                ...initialUpdaterRun(handle.initial.updater),
+              } as StyleProps);
             }
-            return this._initialStyle;
+
+            return this._initialPropsMap.get(handle) ?? {};
           } else if (hasInlineStyles(style)) {
             return getInlineStyle(style, component._isFirstRender);
           } else {