[PlayerPanel] featuredBrands videoItemClick y scroll

com.twin.app.shoptime/src/views/FeaturedBrandsPanel/FeaturedCreators/FeaturedCreatorsContents/FeaturedCreatorsProductList/FeaturedCreatorsProductList.jsx

@@ -67,7 +67,7 @@ export default function FeaturedCreatorsProductList({
   }, [scrollLeft, selectedHstNm, selectedPatnrId]);
 
   const handleClick = useCallback(
-    (prdtId) => (e) => {
+    (prdtId, index) => (e) => {
       const tItemCard = e.currentTarget;
 
       const lastFocusedTarget = Spotlight.getCurrent();
@@ -98,6 +98,13 @@ export default function FeaturedCreatorsProductList({
         );
       }
 
+      let y =
+        index < 2
+          ? 0
+          : index === 2
+          ? scaleH(208)
+          : scaleH(index * 248 - 248 - 40);
+
       dispatch(
         startVideoPlayer({
           modal: false,
@@ -106,6 +113,7 @@ export default function FeaturedCreatorsProductList({
           showId,
           shptmBanrTpNm: "VOD",
           targetId: "spotlightId-" + prdtId,
+          y,
         })
       );
     },
@@ -133,7 +141,7 @@ export default function FeaturedCreatorsProductList({
           data-product-card={"featured-creators-product-card-" + contentsIndex}
           imageAlt={prdtNm}
           imageSource={prdtImgUrl}
-          onClick={handleClick(prdtId)}
+          onClick={handleClick(prdtId, index)}
           onFocus={handleFocus}
           offerInfo={offerInfo}
           priceInfo={priceInfo}