fix: cursor not changing to pointer on button hover (@nadalaba) (monkeytypegame#6801)

<img width="600" height="111" alt="button"
src="https://github.com/user-attachments/assets/ec401e00-bc12-4ff3-89c5-c41753b22566"
/>

- bug was introduced in
[monkeytypegame#6651](monkeytypegame#6651) by
changing the inline style `cursor` to `default` when focus mode is
disabled instead of removing the `cursor: none` inline style.
- add a `.clickable` class to clickable banners/PSAs instead of relying
on `cursor: pointer` inline style which may be cleared by
`.css("cursor", "")` in the previous commit.
- make the test for clickable banners/PSAs case insensitive and allow
`<a>` elements in the test.

Author: nadalaba

frontend/src/styles/banners.scss

@@ -9,6 +9,10 @@
     color: var(--bg-color);
     justify-content: center;
 
+    &.clickable {
+      cursor: pointer;
+    }
+
     &.withImage {
       .lefticon {
         display: none;

frontend/src/ts/elements/notifications.ts

@@ -193,11 +193,11 @@ class Notification {
         });
       }
       // NOTE: This need to be changed if the update banner text is changed
-      if (this.message.includes("please refresh")) {
+      if (/please (<a.*>)?refresh/i.test(this.message)) {
         // add pointer when refresh is needed
         $(
           `#bannerCenter .banner[id='${this.id}'], #bannerCenter .psa[id='${this.id}']`
-        ).css("cursor", "pointer");
+        ).addClass("clickable");
         // refresh on clicking banner
         $(
           `#bannerCenter .banner[id='${this.id}'], #bannerCenter .psa[id='${this.id}']`

frontend/src/ts/test/focus.ts

@@ -36,9 +36,9 @@ export function set(foc: boolean, withCursor = false): void {
     Caret.startAnimation();
     $("header").removeClass("focus");
     $("footer").removeClass("focus");
-    $("body").css("cursor", "default");
-    $("button").css("cursor", "default");
-    $("a").css("cursor", "default");
+    $("body").css("cursor", "");
+    $("button").css("cursor", "");
+    $("a").css("cursor", "");
     $("main").removeClass("focus");
     $("#bannerCenter").removeClass("focus");
     $("#notificationCenter").removeClass("focus");