[OnSalePanel] component, 버그 수정

Detail Notes :

1. TopButton → TButton
2. TopButton, 마우스 상태에서 scroll 이동하지 않는 문제점 수정

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

@@ -6,8 +6,8 @@ import Spotlight from "@enact/spotlight";
 
 import { getOnSaleInfo } from "../../actions/onSaleActions";
 import TBody from "../../components/TBody/TBody";
+import TButton, { TYPES } from "../../components/TButton/TButton";
 import { removeDotAndColon } from "../../components/TItemCard/TItemCard";
-import TopButton from "../../components/TopButton/TopButton";
 import TPanel from "../../components/TPanel/TPanel";
 import useScrollTo from "../../hooks/useScrollTo";
 import CategoryNav from "../OnSalePanel/CategoryNav/CategoryNav";
@@ -69,6 +69,7 @@ export default function OnSalePanel() {
     }
 
     setIsTopButtonClicked(true);
+    scrollTop();
     timerRef.current = setTimeout(() => Spotlight.focus(targetId), 0);
   }, [isTopButtonClicked, targetId]);
 
@@ -92,7 +93,13 @@ export default function OnSalePanel() {
               setIsTopButtonClicked={setIsTopButtonClicked}
             />
           ))}
-        <TopButton onTopButtonClick={handleTopButtonClick} />
+        <div className={css.topButtonWrap}>
+          <TButton
+            onClick={handleTopButtonClick}
+            size={null}
+            type={TYPES.topButton}
+          />
+        </div>
       </TBody>
     </TPanel>
   );

com.twin.app.shoptime/src/views/OnSalePanel/OnSalePanel.module.less

@@ -3,7 +3,13 @@
 
 .container {
   background-color: #f2f2f2;
+
   .tBody {
     height: calc(1080px - 236px);
   }
+
+  .topButtonWrap {
+    .flex();
+    .size(@w: 100%, @h: 240px);
+  }
 }