[v4 feature]: Add toolbar and panel sticky option for rich editor

[fukuhara-trust]

It would be useful to have a rich editor toolbar and an option to have the panels follow the scrolling.

This could be achieved with CSS like this:

/* TODO: Need to consider the case of multiple toolbars */

.fi-fo-rich-editor {
    .fi-fo-rich-editor-toolbar {
        @apply sticky top-0 left-0 rounded-t-lg bg-white z-10;
    }

    @supports (container-type: inline-size) {
        @apply @container;

        & .fi-fo-rich-editor-panel {
            @apply @2xl:sticky @2xl:top-12 @2xl:left-0;
        }
    }
    @supports not (container-type: inline-size) {
        & .fi-fo-rich-editor-panel {
            @apply md:sticky md:top-12 md:left-0;
        }
    }
}

.fi-topbar-ctn {
    & + * .fi-fo-rich-editor {
        .fi-fo-rich-editor-toolbar {
            @apply top-16;
        }

        @supports (container-type: inline-size) {
            @apply @container;

            & .fi-fo-rich-editor-panel {
                @apply @2xl:top-28;
            }
        }
        @supports not (container-type: inline-size) {
            & .fi-fo-rich-editor-panel {
                @apply md:top-28;
            }
        }
    }
}

This is the behavior when this style is applied.

2025-07-11.184419.mp4

[krekas]

You could make a pr