[DetailPanel] Theader Marqee 추가 및 marqeeDisabled props 추가

com.twin.app.shoptime/src/components/THeader/THeader.jsx

@@ -2,6 +2,7 @@ import React, { useCallback } from "react";
 
 import classNames from "classnames";
 
+import { Marquee, MarqueeController } from "@enact/sandstone/Marquee";
 import SpotlightContainerDecorator, {
   spotlightDefaultClass,
 } from "@enact/spotlight/SpotlightContainerDecorator";
@@ -20,6 +21,7 @@ export default function THeader({
   className,
   onBackButton,
   onSpotlightUp,
+  marqueeDisabled = true,
   onClick,
   children,
 }) {
@@ -48,7 +50,13 @@ export default function THeader({
           onSpotlightUp={_onSpotlightUp}
         />
       )}
-      <div className={css.title}>{title}</div>
+      <Marquee
+        marqueeOn="render"
+        className={css.title}
+        marqueeDisabled={marqueeDisabled}
+      >
+        {title}
+      </Marquee>
       {children}
     </Container>
   );

com.twin.app.shoptime/src/components/THeader/THeader.module.less

@@ -24,7 +24,7 @@
   background-image: url("../../../assets/images/btn/btn-60-bk-back-nor@3x.png");
   border: none;
   margin-right: -49px;
-  position: relative;
+  position: fixed;
 
   &:focus {
     background-image: url("../../../assets/images/btn/btn-60-wh-back-foc@3x.png");

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

@@ -204,6 +204,7 @@ export default function DetailPanel({ panelInfo, isOnTop, spotlightId }) {
           onBackButton
           onClick={onClick}
           onSpotlightUp={onSpotlightUpTButton}
+          marqueeDisabled={false}
         />
         <TBody className={css.tbody} scrollable={false}>
           {/* 단일상품 영역  */}