[HomePanel] BestSeller 랭크표시 관련처리

- props 부분 추가
 - css 필요없는 부분 제거 .

com.twin.app.shoptime/src/views/HomePanel/BestSeller/BestSeller.jsx

@@ -1,17 +1,15 @@
-import React from 'react';
+import React from "react";
 
-import { useSelector } from 'react-redux';
+import { useSelector } from "react-redux";
 
-import {
-  SpotlightContainerDecorator,
-} from '@enact/spotlight/SpotlightContainerDecorator';
-import Spottable from '@enact/spotlight/Spottable';
+import { SpotlightContainerDecorator } from "@enact/spotlight/SpotlightContainerDecorator";
+import Spottable from "@enact/spotlight/Spottable";
 
-import SectionTitle from '../../../components/SectionTitle/SectionTitle';
-import TItemCard from '../../../components/TItemCard/TItemCard';
-import TScroller from '../../../components/TScroller/TScroller';
-import { $L } from '../../../utils/helperMethods';
-import css from './BestSeller.module.less';
+import SectionTitle from "../../../components/SectionTitle/SectionTitle";
+import TItemCard from "../../../components/TItemCard/TItemCard";
+import TScroller from "../../../components/TScroller/TScroller";
+import { $L } from "../../../utils/helperMethods";
+import css from "./BestSeller.module.less";
 
 const SpottableComponent = Spottable("div");
 const Container = SpotlightContainerDecorator(
@@ -28,11 +26,7 @@ const BestSeller = () => {
     <Container className={css.bestSellerWrap}>
       <SectionTitle title={$L(`BEST SELLER`)} />
 
-      <TScroller
-        className={css.homeBestSeller}
-        focusableScrollbar={true}
-        direction="horizontal"
-      >
+      <TScroller className={css.homeBestSeller} direction="horizontal">
         {bestSellerDatas &&
           bestSellerDatas.map((item, index) => (
             <TItemCard
@@ -41,6 +35,8 @@ const BestSeller = () => {
               imageSource={item.imgUrl}
               priceInfo={item.priceInfo}
               productName={item.prdtNm}
+              isBestSeller={true}
+              rank={item.rankOrd}
             />
           ))}