chore: add input for muted findings

components/filters/CustomCheckboxMutedFindings.tsx

@@ -0,0 +1,10 @@
+import { Checkbox } from "@nextui-org/react";
+import React from "react";
+
+export const CustomCheckboxMutedFindings = () => {
+  return (
+    <Checkbox className="lg:-mt-8" size="md" color="danger">
+      Include Muted Findings
+    </Checkbox>
+  );
+};

components/filters/FilterControls.tsx

@@ -1,13 +1,15 @@
 import { CustomAccountSelection } from "./CustomAccountSelection";
+import { CustomCheckboxMutedFindings } from "./CustomCheckboxMutedFindings";
 import { CustomDatePicker } from "./CustomDatePicker";
 import { CustomSelectProvider } from "./CustomSelectProvider";
 
 export const FilterControls = () => {
   return (
-    <div className="grid grid-cols-1 md:grid-cols-4 gap-x-4 gap-y-4">
+    <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-x-4 gap-y-4">
       <CustomSelectProvider />
       <CustomDatePicker />
       <CustomAccountSelection />
+      <CustomCheckboxMutedFindings />
     </div>
   );
 };

components/filters/index.ts

@@ -1,4 +1,5 @@
 export * from "../filters/CustomAccountSelection";
+export * from "../filters/CustomCheckboxMutedFindings";
 export * from "../filters/CustomDatePicker";
 export * from "../filters/CustomProviderInputs";
 export * from "../filters/CustomSelectProvider";