refactor: update SearchFilter to use string & localize Clear filters button text

Author: bra-i-am

src/authz-module/libraries-manager/components/SearchFilter.tsx

@@ -6,8 +6,8 @@ import {
 import { Search } from '@openedx/paragon/icons';
 
 interface SearchFilterProps {
-  filterValue: string[];
-  setFilter: (value: string[]) => void;
+  filterValue: string;
+  setFilter: (value: string) => void;
   placeholder: string;
 }
 

src/authz-module/libraries-manager/components/TableControlBar.tsx

@@ -61,7 +61,7 @@ const TableControlBar = () => {
         variant="link"
         onClick={() => setAllFilters([])}
       >
-        Clear filters
+        {intl.formatMessage(messages['authz.libraries.team.table.clearFilters'])}
       </Button>
       )}
 

src/authz-module/libraries-manager/components/messages.ts

@@ -56,6 +56,11 @@ const messages = defineMessages({
     defaultMessage: 'Oldest',
     description: 'Sort by oldest',
   },
+  'authz.libraries.team.table.clearFilters': {
+    id: 'authz.libraries.team.table.clearFilters',
+    defaultMessage: 'Clear filters',
+    description: 'Button to clear all active filters in the table',
+  },
 });
 
 export default messages;