Merged in fix/use-rac-label-select (pull request #2018)

fix: use proper label component from rac for consistency

Approved-by: Chuma Mcphoy (We Ahead)

packages/design-system/lib/components/Select/SelectFilter.tsx

@@ -5,6 +5,7 @@ import {
   Key,
   ListBox,
   Popover,
+  Label,
 } from 'react-aria-components'
 import { useState } from 'react'
 
@@ -55,7 +56,7 @@ export function SelectFilter({
       defaultSelectedKey={defaultSelectedKey}
       {...props}
     >
-      <label className={styles.inner}>
+      <Label className={styles.inner}>
         {icon ? (
           <MaterialIcon
             icon={icon}
@@ -86,7 +87,7 @@ export function SelectFilter({
             className={styles.chevron}
           />
         </Button>
-      </label>
+      </Label>
 
       <Popover
         className={styles.popover}