[ENG-4486] Styling new search page + facet filters and cards (#1940)

* Resolving merge conflicts.

* Updated styling for pagination, result type uppercase text transform.

* Resolving merge conflicts.

Fixed bug for left nav styling, removed institutions styling code for institutions release.

* Moved button styling for see more facet filters close button for styling scope.

* Updated help button index value selector to named local class selector.

* Updated button child selector to named local class selector.

* Updated margin for search count, removed capitalization for parent component reference.

* Moved scope of the sort option dropdown's styling to be within its local class selector.

* Updated sort dropdown div structure in template, updated styles for dropdown, removed unnecessary caret selector.

* Updated mobile stylings, added background color to main body, updated dimensions for tablet display, added local class selector for sort and type dropdowns, improved header layout to match mock-ups.

* Updated mobile selector for help button, added padding for longer text on mobile cards.

* Updated padding for left panel, updated result counter padding, font weight and size to match mock-ups.

* Improved layout for no results, one result, no properties, max height of pagination buttons, and topbar formatting.

* Updated stylings for browser client re-sizings between mobile and full-size desktop view, corrected styling for tablet view.

* Updated button styling for search button, updated background color to use variable name.

* Moved sort dropdown outside of nav element, removed unnecessary stylings for input wrapper.

* Updated sort dropdown styling to use align items property.

* Removed sidenav toggle styling, removed justify content property, updated to not use not selector for help button, added nowrap to prevent text wrapping on heading wrapper h1, updated sort by label dropdown div to have same pixel value as resource type, updated media query pixel allocation for dropdown toggle.

* Removed name field capitalization.

* Updated result card template for upstream changes.

lib/osf-components/addon/components/osf-dialog/heading/styles.scss

@@ -3,19 +3,18 @@
     justify-content: space-between;
     max-height: 15vh;
     overflow-y: auto;
-
     border-bottom: 1px solid #ddd;
 }
 
 .Heading {
     padding: 1rem 0.75rem 1rem 1.25rem;
     margin: 0;
-
     color: $color-text-gray-blue;
     font-size: 24px;
     font-weight: 600;
 }
 
 .CloseButton.CloseButton {
     align-self: flex-start;
+    margin: 10px;
 }

lib/osf-components/addon/components/search-page/filter-facet/styles.scss

@@ -1,8 +1,11 @@
 .facet-wrapper {
-    border-top: 1px solid $color-border-gray;
     padding: 0.5rem 0;
 }
 
+.facet-wrapper:not(:first-of-type) {
+    border-top: 1px solid $color-border-gray;
+}
+
 .facet-expand-button {
     display: flex;
     justify-content: space-between;
@@ -15,21 +18,21 @@
 }
 
 .facet-list {
-    padding: 0;
-    margin: 0;
     list-style: none;
     max-height: 300px;
     overflow-y: auto;
+    margin: 0;
+    padding: 0.2rem;
 
     &.collapsed {
         display: none;
     }
 }
 
 .facet-value {
-    margin: 10px 0;
     display: flex;
     justify-content: space-between;
+    margin: 10px 0;
 
     .facet-link {
         margin: 0 5px;