Change from <button> to <a> elements for pagination

Closes #149

Co-authored-by: Ben Sheldon <[email protected]>

app/views/examples/organisms/_pagination.html.erb

@@ -2,13 +2,13 @@
   <div class="pagination__info">
     <p class="text--help">Displaying 1-20 of 344 applicants</p>
   </div>
-  <div class="pagination__buttons">
-    <button class="button button--small" aria-label="Go back one page"><i class="icon icon-keyboard_arrow_left"></i></button>
-    <button class="button button--small">1</button>
-    <button class="button button--small pagination__selected">2</button>
-    <button class="button button--small">3</button>
+  <nav class="pagination__buttons">
+    <a class="button button--small" aria-label="Go back one page"><i class="icon icon-keyboard_arrow_left"></i></a>
+    <a class="button button--small" aria-label="Page 1">1</a>
+    <a class="button button--small pagination__selected" aria-label="Page 2 selected">2</a>
+    <a class="button button--small" aria-label="Page 3">3</a>
     <span class="pagination__ellipsis">&hellip;</span>
-    <button class="button button--small">6</button>
-    <button class="button button--small" aria-label="Go forward one page"><i class="icon icon-keyboard_arrow_right"></i></button>
-  </div>
+    <a class="button button--small" aria-label="Page 6">6</a>
+    <a class="button button--small" aria-label="Go forward one page"><i class="icon icon-keyboard_arrow_right"></i></a>
+  </nav>
 </div>