docs(pagination): updated usage, usability and accessibility

Author: petrinetang

portal/collections/_components/pagination.html

@@ -191,14 +191,18 @@ <h2 class="title fw-bold" id="usage-guidelines">Usage guidelines</h2>
         <!-- Usability guidelines Section -->
         <section name="section-usability-guidelines">
             <h2 class="title fw-bold" id="usability-guidelines">Usability guidelines</h2>
-            <p class="fw-bold mb-0">Show the total number of pages in the pagination set whenever possible</p>
+            <p><b>Show the total number of pages in the pagination set whenever possible</b><br>
                 Users should know the total number of pages or items. Truncation can be used when the number of pages exceeds the pagination display limit.
-                <p class="fw-bold mb-0">Highlight the current page</p>
+                </p>
+                <p><b>Highlight the current page</b><br>
                 Pagination should highlight the page the user is currently on.
-                <p class="fw-bold mb-0">Place pagination at the bottom of the set of results</p>
+                </p>
+                <p><b>Place pagination at the bottom of the set of results</b><br>
                 Do place pagination at the bottom of page so that users are able to navigate between pages.
-                <p class="fw-bold mb-0">Behaviour</p>
+                </p>
+                <p><b>Behaviour</b><br>
                 Clearly identify the pagination different states so that users will know which page they are on. Selected, hover, disabled and enabled. 
+                </p>
         </section>
 
  <!-- Accessibility guidelines Section -->