Merge branch 'detail_v3' of http://gitlab.t-win.kr/ifheone/shoptime into detail_v3

com.twin.app.shoptime/src/views/UserReview/ShowUserReviews.jsx

@@ -1,10 +1,24 @@
-import React, { useCallback, useEffect } from 'react';
-import { useDispatch, useSelector } from 'react-redux';
-import Spottable from '@enact/spotlight/Spottable';
+import React, {
+  useCallback,
+  useEffect,
+} from 'react';
+
+import {
+  useDispatch,
+  useSelector,
+} from 'react-redux';
+
 import Spotlight from '@enact/spotlight';
-import { pushPanel } from '../../actions/panelActions';
-import { panel_names } from '../../utils/Config';
+import Spottable from '@enact/spotlight/Spottable';
+
+import { finishMediaPreview } from '../../actions/mediaActions';
+import {
+  popPanel,
+  pushPanel,
+} from '../../actions/panelActions';
+import { clearAllVideoTimers } from '../../actions/playActions';
 import useReviews, { REVIEW_VERSION } from '../../hooks/useReviews/useReviews';
+import { panel_names } from '../../utils/Config';
 import css from './ShowUserReviews.module.less';
 
 const SpottableComponent = Spottable('div');
@@ -29,6 +43,8 @@ const ShowUserReviews = ({ hasVideo, launchedFromPlayer, onFocus, onBlur }) => {
       statsAvgRating: stats?.averageRating,
       statsTotalReviews: stats?.totalReviews
     });
+    
+    dispatch(popPanel(panel_names.PLAYER_PANEL));  // PlayerPanel 제거
 
     dispatch(
       pushPanel({

com.twin.app.shoptime/src/views/UserReview/UserReviewPanel.module.less

@@ -182,7 +182,7 @@
 // Reviews 섹션 (필터 + 리뷰 리스트)
 .reviewsSection {
   width: 100%;
-  padding: 60px 60px 30px 60px; // 위쪽만 30px, 나머지는 60px
+  padding: 40px 60px 30px 60px; // 위쪽만 30px, 나머지는 60px
   background: #37393c;
   display: flex;
   justify-content: flex-start;
@@ -206,7 +206,7 @@
       display: flex;
       justify-content: flex-start;
       align-items: center;
-      margin-bottom: 20px;
+      margin-bottom: 10px;
 
       &__text {
         text-align: center;
@@ -248,8 +248,7 @@
     &__section {
       display: flex;
       flex-direction: column;
-      align-items: stretch;
-      margin-bottom: 30px;
+      align-items: stretch;      
 
       &:last-child {
         margin-bottom: 0;