[SHOPTIME-3830] Hot Picks / 상품 detail / 영상이 있는 경우 full 화면 전환 시 화면 상이

[원인] 테마 상품 인디게이터를 매직마우스로 포커스하기 위해서 z-index값을 올려 동영상안에 있는 인디게이터 버튼이 최상단으로 올라가서 나타난 문제

[대책] isOnTop일때만 인디게이터를 노출시키면서 Full Video로 진입했을때 보이지 않도록 수정
      youmaylike z-index값을 인디게이터보다 높게 올려서 youmaylike도 화살표 버튼이 안보이게 수정
      ( isOnTop으로 조절하면 깜박거리는 현상이 있어 youmaylike도 isOnTop이 아닐경우에 비노출 )

com.twin.app.shoptime/src/views/DetailPanel/DetailPanel.jsx

@@ -480,7 +480,7 @@ export default function DetailPanel({ panelInfo, isOnTop, spotlightId }) {
           )}
         </TBody>
       </TPanel>
-      {lgCatCd && youmaylikeData && youmaylikeData.length > 0 && (
+      {lgCatCd && youmaylikeData && youmaylikeData.length > 0 && isOnTop && (
         <YouMayLike
           isUnable={
             productData?.pmtSuptYn === "N" ||

com.twin.app.shoptime/src/views/DetailPanel/YouMayLike/YouMayLike.module.less

@@ -10,7 +10,7 @@
   border-top: 4px solid #7a808d;
   box-shadow: 0 0 22px 0 rgba(0, 0, 0, 0.5);
   background-color: #ffffff;
-  z-index: 10;
+  z-index: 23;
 
   &.focused {
     .focusDropShadow();

com.twin.app.shoptime/src/views/DetailPanel/components/indicator/ThemeIndicator.jsx

@@ -355,20 +355,23 @@ function ThemeIndicator({
           )}
         </SpottableComponent>
 
-        <ThemeIndicatorArrow
+        {isOnTop && (
-          imageSelectedIndex={imageSelectedIndex}
+          <ThemeIndicatorArrow
-          setImageSelectedIndex={setImageSelectedIndex}
+            imageSelectedIndex={imageSelectedIndex}
-          themeProductInfo={themeProductInfo}
+            setImageSelectedIndex={setImageSelectedIndex}
-          imageLength={
+            themeProductInfo={themeProductInfo}
-            imageSelectedIndex === 0 && canPlayVideo && !launchedFromPlayer
+            imageLength={
-              ? imageLength + 1
+              imageSelectedIndex === 0 && canPlayVideo && !launchedFromPlayer
-              : imageLength
+                ? imageLength + 1
-          }
+                : imageLength
-        />
+            }
+          />
+        )}
       </div>
     );
   }, [
     themeProductInfo,
+    isOnTop,
     thumbnailUrls,
     imageSelectedIndex,
     selectedImage,