feat(challenge): Implement details of pass rate

Author: pan93412

assets/styles/app.scss

@@ -160,6 +160,15 @@ ul.credit {
     li {
       @extend .list-inline-item;
     }
+
+    &__pass_rate {
+      &__value {
+        @extend .text-body;
+
+        border-bottom: 1px dotted black;
+        text-decoration: none;
+      }
+    }
   }
 }
 

templates/components/Challenge/Header.html.twig

@@ -3,7 +3,14 @@
     <ul class="challenge-header__lists">
         <li class="challenge-header__lists__difficulty">{{ question.difficulty|trans }}</li>
         <li class="challenge-header__lists__type">{{ question.type }}</li>
-        <li class="challenge-header__lists__pass_rate">通過率 {{ question.passRate }}%</li>
+        <li class="challenge-header__lists__pass_rate">
+            通過率
+            <a class="challenge-header__lists__pass_rate__value" href="#" rel="help" data-bs-toggle="tooltip"
+               data-bs-placement="bottom"
+               data-bs-title="{{ question.totalAttemptCount }} 次挑戰中有 {{ question.totalSolvedCount }} 次成功">
+                {{ question.passRate }}%
+            </a>
+        </li>
     </ul>
 
     <div class="d-flex justify-content-between align-items-end mt-1">