[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>
   );