refactor: ViewRanking 컴포넌트 Body 로 감싸기

Author: tunggary

frontend/src/components/Ranking/ViewsRanking/index.tsx

@@ -30,22 +30,24 @@ function ViewsRanking({ searchUser }: ViewsRankingProps) {
           <RankingTable.Element>{t('common:table-user')}</RankingTable.Element>
           <RankingTable.Element>{t('common:table-views')}</RankingTable.Element>
         </RankingTable.Head>
-        {rankingByViews?.map(({ id, tier, username, avatarUrl, dailyViews }, idx) => (
-          <RankingTable.Row key={id} onClick={() => searchUser(username)}>
-            <RankingTable.Element>
-              <CubeIcon tier={tier} />
-            </RankingTable.Element>
-            <RankingTable.Element>
-              <span>{idx + 1}</span>
-            </RankingTable.Element>
-            <RankingTable.Element>
-              <Avatar src={avatarUrl} name={username} />
-            </RankingTable.Element>
-            <RankingTable.Element>
-              <span>{dailyViews.toLocaleString()}</span>
-            </RankingTable.Element>
-          </RankingTable.Row>
-        ))}
+        <RankingTable.Body>
+          {rankingByViews?.map(({ id, tier, username, avatarUrl, dailyViews }, idx) => (
+            <RankingTable.Row key={id} onClick={() => searchUser(username)}>
+              <RankingTable.Element>
+                <CubeIcon tier={tier} />
+              </RankingTable.Element>
+              <RankingTable.Element>
+                <span>{idx + 1}</span>
+              </RankingTable.Element>
+              <RankingTable.Element>
+                <Avatar src={avatarUrl} name={username} />
+              </RankingTable.Element>
+              <RankingTable.Element>
+                <span>{dailyViews.toLocaleString()}</span>
+              </RankingTable.Element>
+            </RankingTable.Row>
+          ))}
+        </RankingTable.Body>
       </RankingTable>
     </>
   );