Change attribute className to classes

Co-authored-by: Fanny Chien <fannychienn@gmail.com>

src/components/search/Sort/Sort.tsx

@@ -23,7 +23,7 @@ function Sort() {
 
   return (
     <Select
-      className="sort / title-small"
+      classes="sort / title-small"
       labelText="Sort by"
       options={OptionsMap}
       onChange={(e) => setSort(keys[e.target.selectedIndex])}

src/components/ui/Select/Select.tsx

@@ -10,6 +10,10 @@ type SelectOptions = {
 }
 
 interface UISelectProps extends SelectProps {
+  /*
+   * Defines the CSS class string that will be forwarded to the wrapping div "className" prop.
+   */
+  classes?: string
   /*
    * Defines the options available in the select. The SelectOptions object
    * keys are the property names, while the values correspond  to the text that
@@ -29,11 +33,11 @@ export default function Select({
   labelText,
   value,
   'aria-label': ariaLabel,
-  className,
+  classes,
   testId,
 }: UISelectProps) {
   return (
-    <div data-select className={className}>
+    <div data-select className={classes}>
       {labelText && <label htmlFor="ui-select">{labelText}</label>}
       <UISelect
         data-testid={testId}