Fix non-functional aria label on the Intercept search box

Author: pimterry

src/components/common/search-box.tsx

@@ -36,6 +36,7 @@ export const SearchBox = styled((props: {
     className?: string,
     value: string,
     placeholder?: string,
+    'aria-label'?: string,
     autoFocus?: boolean,
     onSearch: (input: string) => void,
     iconSize?: SizeProp
@@ -45,6 +46,7 @@ export const SearchBox = styled((props: {
             autoFocus={props.autoFocus}
             value={props.value}
             placeholder={props.placeholder}
+            aria-label={props['aria-label']}
             onChange={(e) => props.onSearch(e.currentTarget.value)}
         />
         <ClearSearchButton

src/components/intercept/intercept-page.tsx

@@ -89,6 +89,7 @@ const InterceptInstructions = styled.div`
 const InterceptSearchBox = styled(SearchBox).attrs(() => ({
     autoFocus: true,
     placeholder: 'Browsers, mobile, docker...',
+    'aria-label': "Filter the list of intercept options below",
     iconSize: '2x'
 }))`
     @media (min-width: ${NARROW_LAYOUT_BREAKPOINT}px) {
@@ -138,7 +139,6 @@ class InterceptPage extends React.Component<InterceptPageProps> {
                         search for connectors that could work for you:
                     </p>
                     <InterceptSearchBox
-                        aria-label="Filter the list of intercept options below"
                         value={this.filter || ''}
                         onSearch={this.onSearchInput}
                     />