Remove @extend + Fix URL changing with tab clicks

* Resolve's Rubens feedback on MR.
* Changing tabs now changes the URL as well

src/main/resources/scss/offers.scss

@@ -41,7 +41,6 @@
   }
 
   &[data-type="pos"] {
-    @extend .accordion__action;
     color: var(--primary-green);
 
     &:hover, &:focus-visible {
@@ -50,7 +49,6 @@
   }
 
   &[data-type="neg"] {
-    @extend .accordion__action;
     color: var(--primary-red);
 
     &:hover, &:focus-visible {
@@ -66,13 +64,11 @@
   padding: 0.1em 0.5em;
 
   &[data-type="pos"] {
-    @extend .badge;
     border: 1px solid var(--primary-green);
     color: var(--primary-green);
   }
 
   &[data-type="neg"] {
-    @extend .badge;
     border: 1px solid var(--primary-red);
     color: var(--primary-red);
   }

src/main/resources/templates/extra_work/view_many.html

@@ -34,6 +34,7 @@
                 document.getElementById("declarations").classList.toggle("hidden");
                 document.getElementById("work-tab").classList.toggle("active");
                 document.getElementById("declarations-tab").classList.toggle("active");
+                window.history.replaceState(null, document.title, "/extra-work/open?tab=" + to)
             }
             currentTab = to;
         }

src/main/resources/templates/job_offer/view_many.html

@@ -34,6 +34,7 @@
                 document.getElementById("applications").classList.toggle("hidden");
                 document.getElementById("offers-tab").classList.toggle("active");
                 document.getElementById("applications-tab").classList.toggle("active");
+                window.history.replaceState(null, document.title, "/job-offer/open?tab=" + to)
             }
             currentTab = to;
         }