Style: 높은 등수 인 경우 메달 이모지 추가

src/components/Rank/RankListView.js

@@ -23,10 +23,23 @@ const columns = [
 ];
 
 export default function RankListView({ teams }) {
+  const addMedalEmogi = (id) => {
+    switch (id) {
+      case 1:
+        return "🥇";
+      case 2:
+        return "🥈";
+      case 3:
+        return "🥉";
+      default:
+        return id;
+    }
+  };
+
   const convertTeams2List = (teams) => {
     return teams?.map((team, idx) => {
       return {
-        id: idx + 1,
+        id: addMedalEmogi(idx + 1),
         groupNm: team.id,
         reportNm: team.reports,
         totalMins: team.totalMinutes,

src/pages/Rank/Rank.js

@@ -14,6 +14,7 @@ import { useQuery } from "react-query";
 import FullImage from "../../components/Rank/FullImage";
 
 import ViewToggleButton from "../../components/Rank/ViewToggleButton";
+import { DataGrid } from "@mui/x-data-grid";
 import RankListView from "../../components/Rank/RankListView";
 import RankGridView from "../../components/Rank/RankGridView";