[Fix] Circular Progressbar 스타일 추가 (#16)

* style: 운전 점수 Circular bar style 수정

* style: font weight 수정

* style: circular progressbar font weight 변경

src/components/Report/Score/Score.styles.ts

@@ -33,6 +33,7 @@ export const ProgressbarContainer = styled.div`
   width: 80px;
   height: 80px;
   margin: 0 16px;
+  font-weight: 600;
 `;
 
 export const LineChartContainer = styled.div`

src/components/Report/Score/index.tsx

@@ -2,7 +2,7 @@ import * as styles from "./Score.styles";
 import { useState, useEffect } from "react";
 import { MonthlyScoreType } from "src/types/report";
 import score_icon from "@assets/icons/score_icon.svg";
-import { CircularProgressbar } from "react-circular-progressbar";
+import { CircularProgressbar, buildStyles } from "react-circular-progressbar";
 import ChangingProgressProvider from "./ChaingingProgressProvider";
 import "react-circular-progressbar/dist/styles.css";
 import { ScoreChart } from "./ScoreChart";
@@ -55,6 +55,11 @@ export const Score = () => {
                 text={`${data.averageScore}점`}
                 className="progressbar"
                 strokeWidth={8}
+                styles={buildStyles({
+                  pathColor: "#5F81FF",
+                  trailColor: "#DFE8FF",
+                  textColor: "#5F81FF",
+                })}
               />
             )}
           </ChangingProgressProvider>

src/components/Report/Warning/DetailWarning/DetailWarning.styles.ts

@@ -6,7 +6,7 @@ export const DetailWarningContainer = styled.div`
 
 export const DetailWarningHeader = styled.div`
   font-size: 16px;
-  font-weight: 500;
+  font-weight: 600;
   color: ${({ theme }) => theme.colors.blue500};
   img {
     width: 20px;