fix(poc3): improve the order of the blocks in the algorithm explanation

Author: geoffroy-noel-ddh

app/poc3.html

@@ -150,9 +150,7 @@ <h2 class="title is-3">Automated review ✨</h2>
                   </a>
                 </p>
                 <div class="box content" v-if="isAlgorithmExplained">
-                  <p>Penalty (£{{penalty}}) = Weekly wage (£{{selectedCase?.weeklyWage}}) * Bucket ratio ({{bucket.ratio}})</p>
-                  <p>The bucket is determined by the total effect.</p>
-                  <p>The <strong>Total effect</strong> ({{totalScore}}) is the sum of the effect for each answer in the above questionnaire.</p>
+                  <p>Penalty (£{{penalty}}) = Weekly wage (£{{selectedCase?.weeklyWage}}) * <strong>Bucket ratio</strong> ({{bucket.ratio}})</p>
                   <table class="table buckets">
                     <thead>
                       <tr>
@@ -169,13 +167,9 @@ <h2 class="title is-3">Automated review ✨</h2>
                       </tr>
                     </tbody>
                   </table>
-                  <p>
-                    The answers (yes, no, undetermined and rationales) were generated by a large language model (LLM)
-                    (<a :href="`https://www.ollama.com/library/${this.model.replace(/:.*/, '')}`" target="_blank">{{this.model}}</a>).
-                  </p>
-                  <p>
-                    "yes" answers have the following numeric effect on the total:
-                  </p>
+                  <p>The bucket is determined by the Total effect.</p>
+                  <p>The <strong>Total effect</strong> ({{totalScore}}) is the sum of the effect for each answer in the above questionnaire
+                  where "yes" answers have the following numeric effect on the total:</p>
                   <table class="table buckets">
                     <thead>
                       <tr>
@@ -200,6 +194,10 @@ <h2 class="title is-3">Automated review ✨</h2>
                       </tr>
                     </tbody>
                   </table>
+                  <p>
+                    The answers (yes, no, undetermined and rationales) were generated by a large language model (LLM)
+                    (<a :href="`https://www.ollama.com/library/${this.model.replace(/:.*/, '')}`" target="_blank">{{this.model}}</a>).
+                  </p>
                 </div>
               </template>
             </div>