[상품 상세 노출 변경에 따른 처리]

- 상품명 노출추가.
 - theadercustom부분에 themetitle부분 처리.
 - qr 크기 조절.(240px -> 190px)
 - 금액 노출부분 하단으로 떨구도록

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

@@ -24,6 +24,9 @@ const SpottableComponent = Spottable("button");
 export default function THeaderCustom({
   prdtId,
   title,
+  type,
+  themeTitle,
+  selectedIndex,
   className,
   onBackButton,
   onSpotlightUp,
@@ -36,15 +39,18 @@ export default function THeaderCustom({
   kind,
   logoImg,
   patnrId,
+  themeData,
   ...rest
 }) {
   const convertedTitle = useMemo(() => {
     if (title && typeof title === "string") {
       const cleanedTitle = title.replace(/(\r\n|\n)/g, "");
       return $L(marqueeDisabled ? title : cleanedTitle);
+    } else if(type === "theme") {
+      return themeData?.productInfos[selectedIndex].prdtNm;
     }
     return "";
-  }, [marqueeDisabled, title]);
+  }, [marqueeDisabled, title, selectedIndex, themeData, type]);
 
   const _onClick = useCallback(
     (e) => {
@@ -87,6 +93,9 @@ export default function THeaderCustom({
           role="button"
         />
       )}
+      {type === "theme" && themeTitle && (
+      <span className={css.themeTitle} dangerouslySetInnerHTML={{ __html: themeTitle }} />        
+      )}
       {kind ? (
         ""
       ) : (