detail component rename and style update

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

@@ -6,9 +6,8 @@ import { getMainCategoryDetail } from "../../actions/mainActions";
 import TBody from "../../components/TBody/TBody";
 import THeader from "../../components/THeader/THeader";
 import TPanel from "../../components/TPanel/TPanel";
+import ProductThumbnail from "./container/ProductThumbnail";
 import css from "./DetailPanel.module.less";
-import ItemImage from "./layout/ItemImage";
-import OptionList from "./layout/OptionList";
 
 export default function ItemDetail() {
   const [selectedPatnrId, setSelectedPatnrId] = useState(1);
@@ -38,8 +37,7 @@ export default function ItemDetail() {
         onBackButton
       />
       <TBody className={css.container} scrollable={false}>
-        <ItemImage productData={productData} />
-        <OptionList />
+        <ProductThumbnail productData={productData} />
       </TBody>
     </TPanel>
   );