fix: status selection style

packages/client/src/tiptap/extensions/status.ts

@@ -21,8 +21,8 @@ export const Status = Node.create({
   name: 'status',
   group: 'inline',
   inline: true,
-  atom: true,
   selectable: true,
+  atom: true,
 
   addAttributes() {
     return {

packages/client/src/tiptap/styles/selection.scss

@@ -29,7 +29,8 @@
   .node-mind,
   .node-codeBlock,
   .node-documentChildren,
-  .node-documentReference {
+  .node-documentReference,
+  .node-status {
     &.selected-node {
       &:not(.has-focus) {
         ::selection {

packages/client/src/tiptap/wrappers/status/index.tsx

@@ -92,6 +92,7 @@ export const StatusWrapper = ({ editor, node, updateAttributes }) => {
       {isEditable ? (
         <Popover
           showArrow
+          position="bottomLeft"
           visible={visible}
           onVisibleChange={onVisibleChange}
           content={