feat: Accessible clap button and other improvements (#106)

- use html button for instant a11y improvements and cleaner code!
- clap count no longer positioned outside component bounds
- only need to set width on applause-button element, not height


---------

Co-authored-by: DAVE OGLE <dogle@scottlogic.co.uk>

index.html

@@ -6,10 +6,9 @@
   <script src="dist/applause-button.js"></script>
   <style>
     applause-button {
-      width: 58px;
-      height: 58px;
-      margin-top: 40px;
-      margin-left: 40px;
+      width: 8rem;
+      margin-inline: auto;
+      font-family: sans-serif;
     }
   </style>
 </head>