tablayout subtitle title 값이 동일하여 생기는 오류 수정

com.twin.app.shoptime/src/components/TabLayout/TabItemSub.jsx

@@ -1,21 +1,13 @@
-import React, {
-  useCallback,
-  useEffect,
-  useRef,
-  useState,
-} from 'react';
+import React, { useCallback, useEffect, useRef, useState } from "react";
 
-import classNames from 'classnames';
-import compose from 'ramda/src/compose';
+import classNames from "classnames";
+import compose from "ramda/src/compose";
 
-import { Job } from '@enact/core/util';
-import {
-  Marquee,
-  MarqueeController,
-} from '@enact/sandstone/Marquee';
-import Spottable from '@enact/spotlight/Spottable';
+import { Job } from "@enact/core/util";
+import { Marquee, MarqueeController } from "@enact/sandstone/Marquee";
+import Spottable from "@enact/spotlight/Spottable";
 
-import css from './TabItemSub.module.less';
+import css from "./TabItemSub.module.less";
 
 const SpottableComponent = Spottable("div");
 const TabItemBase = ({
@@ -98,6 +90,7 @@ const TabItemBase = ({
   }, [path, focused]);
 
   const TextComponent = useCallback(() => {
+    const subtitle = title.split("-")[0];
     return (
       <>
         {expanded && (
@@ -106,7 +99,7 @@ const TabItemBase = ({
             marqueeOn={"focus"}
             className={classNames(css.text, isSubItem && css.subItem)}
           >
-            {title}
+            {subtitle}
           </Marquee>
         )}
       </>