chore: Add aria-labels to fix errors accessibility

components/filters/custo-checkbox-muted-findings.tsx

@@ -3,7 +3,12 @@ import React from "react";
 
 export const CustomCheckboxMutedFindings = () => {
   return (
-    <Checkbox className="xl:-mt-8" size="md" color="danger">
+    <Checkbox
+      className="xl:-mt-8"
+      size="md"
+      color="danger"
+      aria-label="Include Muted Findings"
+    >
       Include Muted Findings
     </Checkbox>
   );

components/filters/custom-account-selection.tsx

@@ -18,6 +18,7 @@ export const CustomAccountSelection = () => {
   return (
     <Select
       label="Account"
+      aria-label="Select an Account"
       placeholder="Select an account"
       selectionMode="multiple"
       className="w-full"

components/filters/custom-date-picker.tsx

@@ -59,6 +59,7 @@ export const CustomDatePicker = () => {
   return (
     <div className="flex flex-col md:gap-2 w-full">
       <DatePicker
+        aria-label="Select a Date"
         CalendarTopContent={
           <ButtonGroup
             fullWidth

components/filters/custom-region-selection.tsx

@@ -37,6 +37,7 @@ export const CustomRegionSelection = () => {
   return (
     <Select
       label="Region"
+      aria-label="Select a Region"
       placeholder="Select a region"
       selectionMode="multiple"
       className="w-full"

components/filters/custom-search-input.tsx

@@ -38,6 +38,7 @@ export const CustomSearchInput: React.FC = () => {
   return (
     <Input
       variant="flat"
+      aria-label="Search"
       placeholder="Search..."
       labelPlacement="outside"
       value={searchQuery}

components/filters/custom-select-provider.tsx

@@ -62,6 +62,7 @@ export const CustomSelectProvider = () => {
       items={dataInputsProvider}
       // selectionMode="multiple"
       // label="Select a Provider"
+      aria-label="Select a Provider"
       placeholder="Select a provider"
       labelPlacement="outside"
       size="sm"