nickytonline/comment subscription fix (#8768)

app/javascript/packs/articlePage.jsx

@@ -48,7 +48,6 @@ const userDataIntervalID = setInterval(async () => {
           onUnsubscribe={subscriptionRequestHandler}
         />,
         root,
-        root.firstElementChild,
       );
     } catch (e) {
       document.querySelector('#comment-subscription').innerHTML =

app/views/articles/_full_comment_area.html.erb

@@ -3,7 +3,11 @@
     <% if @article.show_comments %>
       <header class="relative flex justify-between items-center">
         <h3 class="fs-2xl fw-bold">Discussion</h3>
-        <div id="comment-subscription"><span class="crayons-btn crayons-btn--outlined">Subscribe</span></div>
+        <div id="comment-subscription">
+          <div role="presentation" class="crayons-btn-group">
+            <span class="crayons-btn crayons-btn--outlined">Subscribe</span>
+          </div>
+        </div>
       </header>
       <div
         class="comments-container"