feat: add new functionality for adding provider and remove the old one

app/(prowler)/providers/page.tsx

@@ -3,7 +3,7 @@ import { Suspense } from "react";
 
 import { getProviders } from "@/actions";
 import { FilterControls } from "@/components/filters";
-import { AddProviderModal } from "@/components/providers";
+import { AddProvider } from "@/components/providers";
 import {
   ColumnsProvider,
   DataTableProvider,
@@ -22,18 +22,18 @@ export default async function Providers({
   return (
     <>
       <Header title="Providers" icon="fluent:cloud-sync-24-regular" />
+
       <Spacer y={4} />
       <FilterControls search providers />
       <Spacer y={4} />
-      <div className="flex flex-col items-end w-full">
-        <div className="flex space-x-6">
-          <AddProviderModal />
-        </div>
-        <Spacer y={6} />
-        <Suspense key={searchParamsKey} fallback={<SkeletonTableProvider />}>
-          <SSRDataTable searchParams={searchParams} />
-        </Suspense>
-      </div>
+
+      <AddProvider />
+      <Spacer y={4} />
+
+      <Suspense key={searchParamsKey} fallback={<SkeletonTableProvider />}>
+        <SSRDataTable searchParams={searchParams} />
+      </Suspense>
+      {/* <NewTable /> */}
     </>
   );
 }