[B] Change underlined annotation tag from span to mark

Author: jen-castiron

client/src/reader/components/section/body-nodes/nodes/Text.js

@@ -239,7 +239,13 @@ class TextNode extends Component {
         ...previousTabIndex
       };
 
-      const Tag = interactiveAttributes.href ? "a" : "span";
+      let Tag = "span";
+
+      if (interactiveAttributes.href) {
+        Tag = "a";
+      } else if (textAnnotationIds?.length > 0) {
+        Tag = "mark";
+      }
 
       return (
         // eslint-disable-next-line react/no-array-index-key

client/src/theme/styles/base/resets.js

@@ -231,4 +231,9 @@ export default `
     border-spacing: 0;
     border-collapse: collapse;
   }
+
+  /* Remove mark tag styles */
+  mark {
+    background-color: initial;
+  }
 `;