[TabLayout] 1depth에서 marquee 기능 추가

Detail Notes :
 
1. 기존 marquee코드가 추가 되어있지만 기능이 안되었음
> 로직 변경하여 정상 작동 확인함

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

@@ -124,6 +124,22 @@ const TabItemBase = ({
     cursorVisible,
   ]);
 
+  const TextComponent = useCallback(() => {
+    return (
+      <>
+        {expanded && title && (
+          <Marquee
+            marqueeDisabled={!focused}
+            className={classNames(css.text, isSubItem && css.subItem)}
+            marqueeOn={"focus"}
+          >
+            {title}
+          </Marquee>
+        )}
+      </>
+    );
+  }, [title, focused]);
+
   delete rest.hasChildren;
   delete rest.getChildren;
   return (
@@ -152,15 +168,7 @@ const TabItemBase = ({
         )}
       >
         {icons && <div className={css.icon}>{renderIcon()}</div>}
-        {expanded && title && (
-          <Marquee
-            marqueeDisabled={!focused}
-            className={classNames(css.text, isSubItem && css.subItem)}
-            marqueeOn={"focus"}
-          >
-            {title}
-          </Marquee>
-        )}
+        <TextComponent />
       </div>
     </SpottableComponent>
   );