fix(scans): filters and sorting for scan table (#6713)

ui/app/(prowler)/scans/page.tsx

@@ -3,7 +3,7 @@ import { Suspense } from "react";
 
 import { getProvider, getProviders } from "@/actions/providers";
 import { getScans } from "@/actions/scans";
-import { filterScans } from "@/components/filters";
+import { FilterControls, filterScans } from "@/components/filters";
 import {
   ButtonRefreshData,
   NoProvidersAdded,
@@ -83,6 +83,8 @@ export default async function Scans({
             <div className="col-span-12">
               <div className="flex flex-row items-center justify-between">
                 <DataTableFilterCustom filters={filterScans || []} />
+                <Spacer x={4} />
+                <FilterControls />
                 <ButtonRefreshData
                   onPress={async () => {
                     "use server";

ui/components/filters/data-filters.ts

@@ -14,8 +14,8 @@ export const filterScans = [
     values: ["aws", "azure", "gcp", "kubernetes"],
   },
   {
-    key: "state",
-    labelCheckboxGroup: "State",
+    key: "state__in",
+    labelCheckboxGroup: "Status",
     values: [
       "available",
       "scheduled",

ui/components/scans/table/scans/column-get-scans.tsx

@@ -81,9 +81,7 @@ export const ColumnGetScans: ColumnDef<ScanProps>[] = [
   },
   {
     accessorKey: "status",
-    header: ({ column }) => (
-      <DataTableColumnHeader column={column} title={"Status"} param="state" />
-    ),
+    header: "Status",
     cell: ({ row }) => {
       const {
         attributes: { state },
@@ -126,13 +124,7 @@ export const ColumnGetScans: ColumnDef<ScanProps>[] = [
   },
   {
     accessorKey: "next_scan_at",
-    header: ({ column }) => (
-      <DataTableColumnHeader
-        column={column}
-        title={"Next scan"}
-        param="next_scan_at"
-      />
-    ),
+    header: "Scheduled at",
     cell: ({ row }) => {
       const {
         attributes: { next_scan_at },