[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,6 +355,7 @@ function ThemeIndicator({
           )}
         </SpottableComponent>
 
+        {isOnTop && (
           <ThemeIndicatorArrow
             imageSelectedIndex={imageSelectedIndex}
             setImageSelectedIndex={setImageSelectedIndex}
@@ -365,10 +366,12 @@ function ThemeIndicator({
                 : imageLength
             }
           />
+        )}
       </div>
     );
   }, [
     themeProductInfo,
+    isOnTop,
     thumbnailUrls,
     imageSelectedIndex,
     selectedImage,