Make latest copy changes from Living Copy (#1055)

* Make latest copy changes

- update snapshots

* Update cypress test on feedback link

- update snapshot

* Update side panel and copy

- update snapshots

* Make 2nd EO link open in new tab

* Add latest changes from Living copy

* Add back HS indicator to map

* Add "X of Y thresholds exceed" to side panel

- update snapshots

* Update with latest copy

* Update to latest copy

- make BETA pill in logo bold
- correct exceed to exceeded
- update snapshots
- update page title to Meth & data

* Update total indicators to 21

* Update snapshot

client/src/components/AreaDetail/areaDetail.module.scss

@@ -9,10 +9,14 @@ $sidePanelLabelFontColor: #171716;
   font-weight: 600;
 }
 
+@mixin thresholdExceeded {
+  font-size: medium;
+  @include u-margin-top('05');
+}
+
 .versionInfo {
   padding: .5rem 1rem .5rem 1.2rem;
   font-size: medium;
-  font-weight: bold;
   border-bottom: 1px solid $sidePanelBorderColor; 
 }
 
@@ -26,7 +30,7 @@ $sidePanelLabelFontColor: #171716;
   display: flex;
   flex-direction: column;
   align-items: center;
-  padding-bottom: 2rem;
+  @include u-padding-bottom(3);
 
   .isInFocus {
     padding: .5rem 1rem .25rem 1.2rem;
@@ -44,6 +48,17 @@ $sidePanelLabelFontColor: #171716;
     }
   }
 
+  .showThresholdExceed {
+    @include thresholdExceeded;
+    display: block;
+    
+  }
+  
+  .hideThresholdExceed {
+    @include thresholdExceeded;
+    visibility: hidden;
+  }
+
   .feedbackLink {
     font-size: small;
     @include u-margin-top(1);
@@ -67,13 +82,3 @@ $sidePanelLabelFontColor: #171716;
     font-size: medium;
   }  
 }
-
-//Divider styles
-.divider {
-  @include sidePanelLabelStyle;
-  display: flex;
-  justify-content: space-between;
-  padding: 0.5rem 0.5rem 0.5rem 1.2rem;
-  border-top: 1px solid $sidePanelBorderColor;
-  border-bottom: 1px solid $sidePanelBorderColor;
-}