make hide action of datatable own

src/core/components/DataTable/hide/index.jsx

@@ -0,0 +1,24 @@
+"use client";
+
+import { useState } from "react";
+import HideButton from "@/core/components/DataTable/hide/HideButton";
+import HideBody from "@/core/components/DataTable/hide/HideBody";
+
+function HideColumn({ columns, user_id, page_name, table_name }) {
+    const [open, setOpen] = useState(false);
+    return (
+        <>
+            <HideButton drawerState={open} setDrawerState={setOpen} />
+            <HideBody
+                columns={columns}
+                drawerState={open}
+                setDrawerState={setOpen}
+                user_id={user_id}
+                page_name={page_name}
+                table_name={table_name}
+            />
+        </>
+    );
+}
+
+export default HideColumn;