Convert .load-more to global CSS class

This prepares for the migration to ember-scoped-css, which does not support `composes`.

Author: Turbo87

app/styles/crate/versions.module.css

@@ -36,9 +36,6 @@
 .load-more {
     --shadow: 0 1px 3px light-dark(hsla(51, 90%, 42%, .35), #232321);
 
-    /* TODO: move to shared */
-    composes: load-more from '../../styles/dashboard.module.css';
-
     border: 0;
     padding: 0 var(--space-m);
 

app/styles/dashboard.module.css

@@ -115,7 +115,7 @@
     text-align: right;
 }
 
-.load-more {
+:global(.load-more) {
     padding: var(--space-s);
     border-top: 1px solid light-dark(hsla(51, 90%, 42%, .25), #232321);
 

app/templates/crate/versions.hbs

@@ -27,7 +27,7 @@
   {{/each}}
 </ul>
 {{#if (or this.loadMoreTask.isRunning this.next_page)}}
-  <div local-class="load-more">
+  <div local-class="load-more" class="load-more">
     <button
       type="button"
       data-test-id={{if this.loadMoreTask.isRunning "loading" "load-more"}}

app/templates/dashboard.hbs

@@ -60,7 +60,7 @@
       </ul>
 
       {{#if this.hasMore}}
-        <div local-class="load-more">
+        <div class="load-more">
           <button type="button" disabled={{this.loadMoreTask.isRunning}} {{on "click" (perform this.loadMoreTask)}}>
             Load More
             {{#if this.loadMoreTask.isRunning}}