fix: Form element accessibility.

Fixed Lighthouse "
Form elements have associated labels" by adding aria-labels to search box and filter box. Lighthouse score 92 -> 100

Author: Mandy-cyber

src/components/ProjectList/CardsContainer.jsx

@@ -119,17 +119,17 @@ export default class CardsContainer extends React.Component {
       <div>
         <div id='container'>
           <div className='inputContainer'>
-            <input id='search' type='text' name='search' placeholder='Search...' onChange={this.handleChange} />
+            <input id='search' type='text' name='search' placeholder='Search...' onChange={this.handleChange} aria-label='Search'/>
           </div>
-          <div className='inputContainer'>
+          <div id="tag-selector-container" className='inputContainer'>
             <Select
               name='tag-selector'
               value={this.state.value}
               onChange={this.handleSelectChange}
               options={this.filterOptions}
               multi={true}
               placeholder={<div className='filter-placeholder-text' style={{color: "#757575"}}>Filter</div>}
-              aria-labelledby='Filter'
+              aria-labelledby='tag-selector-container'
               style={{borderColor: "#DCDCDC"}}
             />
           </div>