Update to btn-default and selected class in toggle comment button

Add Changelog

Update btn-default-toggle-comment.yml

app/assets/javascripts/main.js

@@ -272,7 +272,7 @@ document.addEventListener('DOMContentLoaded', () => {
 
     e.preventDefault();
 
-    $this.toggleClass('active');
+    $this.toggleClass('selected');
 
     if ($this.hasClass('active')) {
       notesHolders.show().find('.hide, .content').show();

app/views/projects/diffs/_file.html.haml

@@ -17,7 +17,7 @@
       .file-actions.d-none.d-sm-block
         - if diff_file.blob&.readable_text?
           %span.has-tooltip{ title: _("Toggle comments for this file") }
-            = link_to '#', class: 'js-toggle-diff-comments btn gl-button active', disabled: @diff_notes_disabled do
+            = link_to '#', class: 'js-toggle-diff-comments btn gl-button btn-default selected', disabled: @diff_notes_disabled do
               = sprite_icon('comment')
           \
           - if editable_diff?(diff_file)

changelogs/unreleased/btn-default-toggle-comment.yml

+---
+title: Move to btn-default and selected class in toggle comment button
+merge_request: 56090
+author: Yogi (@yo)
+type: changed