Merge pull request depromeet#813 from depromeet/feat/issue-812

chore: depromeet#812 스페이스 내 회고 갯수 넘버링 컬러 반영

Author: supersett

apps/web/src/component/retrospect/space/CompletedRetrospects.tsx

@@ -35,7 +35,18 @@ export default function CompletedRetrospects() {
         min-width: 30rem;
       `}
     >
-      <Typography variant="title16Bold">마감된 회고 {completedRetrospects.length}</Typography>
+      <div
+        css={css`
+          display: flex;
+          align-items: center;
+          gap: 0.6rem;
+        `}
+      >
+        <Typography variant="title16Bold">마감된 회고 </Typography>
+            <Typography variant="title16Bold" color="gray600">
+              {completedRetrospects?.length}
+            </Typography>
+      </div>
 
       {completedRetrospects.length === 0 ? (
         <div

apps/web/src/component/retrospect/space/InProgressRetrospects.tsx

@@ -82,8 +82,18 @@ export default function InProgressRetrospects() {
         min-width: 30rem;
       `}
     >
-      <Typography variant="title16Bold">진행 중인 회고 {proceedingRetrospects.length}</Typography>
-
+      <div
+        css={css`
+          display: flex;
+          align-items: center;
+          gap: 0.6rem;
+        `}
+      >
+        <Typography variant="title16Bold">진행 중인 회고 </Typography>
+            <Typography variant="title16Bold" color="gray600">
+              {proceedingRetrospects?.length}
+            </Typography>
+      </div>
       {proceedingRetrospects.length === 0 ? (
         <div
           css={css`