fix: update links styles, match style on the report (#948)

- Updating default links style to:
   - have no underline normally
   - have underline when hover
- Remove link style override on the automated checks report (so we pick up the default links style
- Update font color and weight for the header target page text on the automated checks report and on the details view

Author: smoralesd

src/DetailsView/Styles/detailsview.scss

@@ -314,15 +314,17 @@ div.insights-file-issue-details-dialog-container {
         align-items: center;
         background-color: $neutral-0;
         font-size: 14px;
-        font-weight: 600;
+        font-weight: normal;
         border-bottom: 1px solid $neutral-alpha-8;
+
         .details-view-target-page {
             margin-left: 12px;
             padding: 13px 8px;
             display: inherit;
             white-space: nowrap;
             overflow: hidden;
             text-overflow: ellipsis;
+            color: $primary-text;
             width: 50%;
             .ms-Link {
                 color: $communication-primary;

src/DetailsView/reports/automated-checks-report.scss

@@ -103,14 +103,6 @@ $outcome-not-applicable-summary-color: $neutral-outcome;
 
         .rule-details-id {
             padding: 12px 0;
-
-            a {
-                text-decoration: none !important;
-            }
-        }
-
-        .guidance-links a {
-            text-decoration: none !important;
         }
     }
 }

src/DetailsView/reports/components/report-sections/header-section.scss

@@ -29,10 +29,11 @@
         margin: 0px 0px 0px 16px;
         display: inherit;
 
-        color: $neutral-60;
+        color: $primary-text;
         font-family: $fontFamily;
         font-size: 14px;
         line-height: 20px;
+        font-weight: normal;
 
         a {
             @include ellipsedText();

src/common/styles/common.scss

@@ -71,8 +71,11 @@ button::after {
 .insights-link {
     // marking important to override office fabric style
     color: $link !important;
+    text-decoration: none;
+
     &:hover {
         color: $link-hover !important;
+        text-decoration: underline;
     }
 }