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 ?? []} />
+  );
 };

components/providers/index.ts

@@ -10,5 +10,5 @@ export * from "./DeleteProvider";
 export * from "./ProviderInfo";
 export * from "./ScanStatus";
 export * from "./table/ColumnsProvider";
-export * from "./table/DataTable";
+export * from "./table/DataTableProvider";
 export * from "./table/SkeletonTableProvider";

components/providers/table/DataTableProvider.tsx

@@ -23,7 +23,7 @@ interface DataTableProps<TData, TValue> {
   data: TData[];
 }
 
-export function DataTable<TData, TValue>({
+export function DataTableProvider<TData, TValue>({
   columns,
   data,
 }: DataTableProps<TData, TValue>) {