Refactor scss files to remove code duplication

Author: KPobeeNorris

app/assets/stylesheets/components/_complaints-scores.scss

@@ -9,6 +9,4 @@
 @import "./supplier-table-row";
 @import "./unranked-supplier";
 @import "./score-summary";
-@import "./other-scores";
-@import "./complaints-scores";
-@import "./billing-scores";
+@import "./section-scores";

app/assets/stylesheets/components/_index.scss

@@ -1,4 +1,4 @@
-.billing-scores {
+.section-scores, .other-scores {
   margin-bottom: $cads-spacing-7;
 
   h2 {

app/assets/stylesheets/components/_other-scores.scss

@@ -1,10 +1,9 @@
 .cads-grid-row
   .cads-grid-col-md-9
-    .billing-scores
+    .section-scores
       %h2 Billing and metering
       .cads-prose
         %p
           We measure billing accuracy by looking at how many bills are based on a meter reading, rather than an estimate.
-      .billing-scores__descriptions
-        = render CsrTable::DescriptionListComponent.new do |c|
-          - c.with_descriptions(descriptions)
+      = render CsrTable::DescriptionListComponent.new do |c|
+        - c.with_descriptions(descriptions)

…lesheets/components/_billing-scores.scss …lesheets/components/_section-scores.scssapp/assets/stylesheets/components/_billing-scores.scss renamed to app/assets/stylesheets/components/_section-scores.scss app/assets/stylesheets/components/_billing-scores.scss renamed to app/assets/stylesheets/components/_section-scores.scss

@@ -1,10 +1,9 @@
 .cads-grid-row
   .cads-grid-col-md-9
-    .complaints-scores
+    .section-scores
       %h2 Complaints received
       .cads-prose
         %p
           If a supplier gets a low number of complaints, we give them a higher star rating.
-      .complaints-scores__descriptions
-        = render CsrTable::DescriptionListComponent.new do |c|
-          - c.with_descriptions(descriptions)
+      = render CsrTable::DescriptionListComponent.new do |c|
+        - c.with_descriptions(descriptions)