feat(forum): Add delete dialog for forum in AdminCP

frontend/admin/forum/views/forums/table/item/actions/actions.tsx

@@ -1,4 +1,5 @@
 import { EditActionForumAdmin } from "./edit";
+import { DeleteActionForumAdmin } from "./delete/delete";
 
 import type { ShowForumForumsAdminWithChildren } from "../../hooks/use-forum-forums-admin-api";
 
@@ -8,6 +9,7 @@ export const ActionsForumAdmin = (
   return (
     <div className="flex gap-2 flex-shrink-0">
       <EditActionForumAdmin {...props} />
+      <DeleteActionForumAdmin />
     </div>
   );
 };

frontend/admin/forum/views/forums/table/item/actions/delete/content.tsx

@@ -0,0 +1,19 @@
+import { useTranslations } from "next-intl";
+
+import {
+  AlertDialogHeader,
+  AlertDialogTitle
+} from "@/components/ui/alert-dialog";
+
+export const ContentDeleteActionForumAdmin = () => {
+  // const t = useTranslations("admin_forum.forums.delete");
+  const tCore = useTranslations("core");
+
+  return (
+    <>
+      <AlertDialogHeader>
+        <AlertDialogTitle>{tCore("are_your_sure")}</AlertDialogTitle>
+      </AlertDialogHeader>
+    </>
+  );
+};

frontend/admin/forum/views/forums/table/item/actions/delete/delete.tsx

@@ -0,0 +1,37 @@
+import { Trash2 } from "lucide-react";
+import { useTranslations } from "next-intl";
+import { Suspense, lazy } from "react";
+
+import { Loader } from "@/components/loader";
+import {
+  AlertDialog,
+  AlertDialogContent,
+  AlertDialogTrigger
+} from "@/components/ui/alert-dialog";
+import { Button } from "@/components/ui/button";
+
+const Content = lazy(() =>
+  import("./content").then(module => ({
+    default: module.ContentDeleteActionForumAdmin
+  }))
+);
+
+export const DeleteActionForumAdmin = () => {
+  const t = useTranslations("core");
+
+  return (
+    <AlertDialog>
+      <AlertDialogTrigger asChild>
+        <Button variant="destructiveGhost" size="icon" tooltip={t("delete")}>
+          <Trash2 />
+        </Button>
+      </AlertDialogTrigger>
+
+      <AlertDialogContent>
+        <Suspense fallback={<Loader />}>
+          <Content />
+        </Suspense>
+      </AlertDialogContent>
+    </AlertDialog>
+  );
+};

frontend/admin/forum/views/forums/table/item/item.tsx

@@ -100,9 +100,7 @@ export const ItemTableForumsForumAdmin = ({
         )}
 
         <div className="flex-grow flex flex-col">
-          <span>
-            {convertText(name)} - {id}
-          </span>
+          <span>{convertText(name)}</span>
         </div>
 
         <ActionsForumAdmin id={id} name={name} {...props} />