feat: editor inline status node (#1973)

* inline status node

* fix alignment

* fix

* typed storage

* fix math block popup on select all

apps/client/src/features/editor/components/slash-menu/menu-items.ts

@@ -22,6 +22,7 @@ import {
   IconSitemap,
   IconColumns3,
   IconColumns2,
+  IconTag,
 } from "@tabler/icons-react";
 import {
   CommandProps,
@@ -385,6 +386,20 @@ const CommandGroups: SlashMenuGroupedItemsType = {
           .run();
       },
     },
+    {
+      title: "Status",
+      description: "Insert inline status badge.",
+      searchTerms: ["status", "badge", "label", "lozenge"],
+      icon: IconTag,
+      command: ({ editor, range }: CommandProps) => {
+        editor
+          .chain()
+          .focus()
+          .deleteRange(range)
+          .setStatus({ text: "", color: "gray" })
+          .run();
+      },
+    },
     {
       title: "Subpages (Child pages)",
       description: "List all subpages of the current page",