Reset search term with Clear All Filters button

- Refactored Clear All Filters button to use setSearchTerm function to reset search term to an empty string and clear filters.
- This change renders clearFilters function unnecessary and has been removed.
- Removed clearFilters function from FilterDrawerV2.tsx, DrawerInterior.tsx, Risk.tsx, and Inventory.tsx.
- Cleaned up html and css in DrawerInterior.tsx.

frontend/src/components/DrawerInterior.tsx

@@ -38,7 +38,6 @@ interface Props {
   removeFilter: ContextType['removeFilter'];
   filters: ContextType['filters'];
   facets: ContextType['facets'];
-  clearFilters: ContextType['clearFilters'];
   searchTerm: ContextType['searchTerm'];
   setSearchTerm: ContextType['setSearchTerm'];
   initialFilters: any[];
@@ -70,7 +69,6 @@ export const DrawerInterior: React.FC<Props> = (props) => {
     addFilter,
     removeFilter,
     facets,
-    clearFilters,
     setSearchTerm,
     initialFilters
   } = props;
@@ -119,6 +117,13 @@ export const DrawerInterior: React.FC<Props> = (props) => {
     });
   };
 
+  const clearFiltersAndSearch = () => {
+    setSearchTerm('', {
+      shouldClearFilters: true,
+      autocompleteResults: false
+    });
+  };
+
   const revertSearch = () => {
     setSearchTerm('', {
       shouldClearFilters: true,
@@ -244,17 +249,16 @@ export const DrawerInterior: React.FC<Props> = (props) => {
           <FilterAlt />
         </Stack>
       </Toolbar>
-      <Divider />
 
-      {clearFilters && (
-        <Box display="flex" width="100%" justifyContent="center">
-          <Button onClick={clearFilters}>Clear All Filters</Button>
-        </Box>
-      )}
+      {filters.length > 0 ? (
+        <>
+          <Divider />
+          <Box marginY={1} display="flex" width="100%" justifyContent="center">
+            <Button onClick={clearFiltersAndSearch}>Clear All Filters</Button>
+          </Box>
+        </>
+      ) : null}
       <Accordion
-        sx={{
-          marginTop: 1
-        }}
         elevation={0}
         square
         classes={{

frontend/src/components/FilterDrawerV2.tsx

@@ -28,7 +28,6 @@ export const FilterDrawer: FC<
     addFilter,
     removeFilter,
     facets,
-    clearFilters,
     searchTerm,
     setSearchTerm,
     filters,
@@ -62,7 +61,6 @@ export const FilterDrawer: FC<
           removeFilter={removeFilter}
           filters={filters}
           facets={facets}
-          clearFilters={filters.length > 0 ? () => clearFilters([]) : undefined}
           searchTerm={searchTerm}
           setSearchTerm={setSearchTerm}
           initialFilters={initialFilters}
@@ -100,15 +98,13 @@ export const FilterDrawerV2 = withSearch(
     removeFilter,
     filters,
     facets,
-    clearFilters,
     searchTerm,
     setSearchTerm
   }: ContextType) => ({
     addFilter,
     removeFilter,
     filters,
     facets,
-    clearFilters,
     searchTerm,
     setSearchTerm
   })

frontend/src/pages/Risk/Risk.tsx

@@ -395,15 +395,13 @@ export const RiskWithSearch = withSearch(
     removeFilter,
     filters,
     facets,
-    clearFilters,
     searchTerm,
     setSearchTerm
   }: ContextType) => ({
     addFilter,
     removeFilter,
     filters,
     facets,
-    clearFilters,
     searchTerm,
     setSearchTerm
   })

frontend/src/pages/Search/Inventory.tsx

@@ -244,7 +244,6 @@ export const Dashboard = withSearch(
     searchTerm,
     setSearchTerm,
     autocompletedResults,
-    clearFilters,
     saveSearch,
     sortDirection,
     sortField,
@@ -265,7 +264,6 @@ export const Dashboard = withSearch(
     searchTerm,
     setSearchTerm,
     autocompletedResults,
-    clearFilters,
     saveSearch,
     sortDirection,
     sortField,