enhance(client): サーバーメトリクスウィジェットの円グラフデザインの改善

CHANGELOG_CHERRYPICK.md

@@ -52,6 +52,7 @@
 - 노트 작성 폼의 디자인 개선
 - 헤더에 뒤로 가기 버튼 추가
 - 업데이트 팝업 개선 (Misskey와 CherryPick의 변경 사항을 직관적으로 볼 수 있도록)
+- 서버 통계 위젯의 원 그래프 디자인 개선
 - Fix: (Friendly) 위젯 영역에 safe-area-inset-bottom이 적용되지 않음
 - Fix: (Friendly) 플로팅 메뉴를 길게 눌렀을 때 프로필 이미지를 드래그 할 수 있는 문제
 - Fix: 위젯 편집 시 헤더 이외의 영역을 눌렀을 때 위젯 설정이 뜨는 문제

packages/frontend/src/widgets/server-metric/pie.vue

@@ -15,6 +15,7 @@
 		:stroke-dashoffset="strokeDashoffset"
 		fill="none"
 		stroke-width="0.1"
+		:class="$style.circle"
 		:stroke="color"
 	/>
 	<text x="50%" y="50%" dy="0.05" text-anchor="middle" :class="$style.text">{{ (value * 100).toFixed(0) }}%</text>
@@ -44,6 +45,7 @@ const strokeDashoffset = $computed(() => (1 - props.value) * (Math.PI * (r * 2))
 	transform-origin: center;
 	transform: rotate(-90deg);
 	transition: stroke-dashoffset 0.5s ease;
+	stroke-linecap: round;
 }
 
 .text {