chore: rename DataTable to DataTableProvider for more specificity

app/(prowler)/findings/page.tsx

@@ -2,7 +2,7 @@ import { Spacer } from "@nextui-org/react";
 import React, { Suspense } from "react";
 
 import { ColumnsFindings, SkeletonTableFindings } from "@/components";
-import { DataTable } from "@/components/providers";
+import { DataTableProvider } from "@/components/providers";
 import { Header } from "@/components/ui";
 
 export default async function Findings() {
@@ -22,7 +22,7 @@ export default async function Findings() {
 
 const SSRDataTable = async () => {
   return (
-    <DataTable
+    <DataTableProvider
       columns={ColumnsFindings}
       data={[
         {

app/(prowler)/providers/page.tsx

@@ -5,7 +5,7 @@ import { getProvider } from "@/actions";
 import {
   AddProviderModal,
   ColumnsProvider,
-  DataTable,
+  DataTableProvider,
   SkeletonTableProvider,
 } from "@/components/providers";
 import { Header } from "@/components/ui";
@@ -31,5 +31,7 @@ export default async function Providers() {
 const SSRDataTable = async () => {
   const providersData = await getProvider();
   const [providers] = await Promise.all([providersData]);
-  return <DataTable columns={ColumnsProvider} data={providers?.data ?? []} />;
+  return (
+    <DataTableProvider columns={ColumnsProvider} data={providers?.data ?? []} />
+  );
 };