Web:Common:AdvancedSelector: change separator margin left and right, replace '()' from header

packages/asc-web-common/components/AdvancedSelector/sub-components/Selector.js

@@ -556,7 +556,7 @@ const Selector = (props) => {
           onClick={onArrowClickAction}
         />
         <Heading size="medium" truncate={true}>
-          {headerLabel}
+          {headerLabel.replace("()", "")}
         </Heading>
       </div>
       <Column className="column-options" size={size}>
@@ -626,7 +626,7 @@ const Selector = (props) => {
       </Column>
       <Footer
         className="footer"
-        selectButtonLabel={selectButtonLabel}
+        selectButtonLabel={headerLabel}
         showCounter={showCounter}
         isDisabled={isDisabled}
         isVisible={isMultiSelect && hasSelected()}

packages/asc-web-common/components/AdvancedSelector/sub-components/StyledSelector.js

@@ -33,7 +33,7 @@ const StyledSelector = styled(Container)`
         `}
 
   .header {
-    grid-aria: header;
+    grid-area: header;
 
     height: 53px;
     min-height: 53px;
@@ -165,8 +165,7 @@ const StyledSelector = styled(Container)`
       .option-separator {
         height: 1px;
         background: #dfe2e3;
-        padding: 0 16px;
-        margin: 8px 0;
+        margin: 8px 16px;
       }
 
       .row-header {