[Home] 화면 노출 순서 추가, Template 변경시 데이터 연동

Detail Notes :

1. 관리자에서 홈 컨텐츠 순서 변경 시 변경 안됨
- order 추가하여 변경
2. Template 변경시 데이터 꼬임
- Template 첫번째 레이아웃에만 정상적으로 데이터가 연동이 되며, 다른 레이아웃에서는 데이터가 꼬이는 현상이 있어서 각 레이아웃에 데이터를 연동함

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

@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect, useState } from "react";
+import React, { useCallback, useEffect, useMemo, useState } from "react";
 
 import { useDispatch, useSelector } from "react-redux";
 
@@ -21,7 +21,7 @@ const Container = SpotlightContainerDecorator(
   "div"
 );
 
-const BestSeller = () => {
+const BestSeller = ({ order }) => {
   const dispatch = useDispatch();
   const bestSellerDatas = useSelector(
     (state) => state.product.bestSellerData.bestSeller
@@ -56,8 +56,9 @@ const BestSeller = () => {
       )
     );
   });
+  const orderStyle = useMemo(() => ({ order: order }), [order]);
   return (
-    <Container className={css.bestSellerWrap}>
+    <Container className={css.bestSellerWrap} style={orderStyle}>
       <SectionTitle title={$L(`BEST SELLER`)} />
 
       <TScroller