refactor(editor): cleanup autohide mechanism

Signed-off-by: Max <[email protected]>

src/components/Menu/MenuBar.vue

@@ -29,7 +29,6 @@
  :aria-label="t('text', 'Editor actions')"
  :class="{
  'text-menubar--ready': isReady,
- 'text-menubar--show': isVisible,
  'text-menubar--hide': isHidden,
  'text-menubar--is-workspace': $isRichWorkspace
  }">
@@ -84,7 +83,6 @@
 <script>
 import { NcActionSeparator, NcActionButton } from '@nextcloud/vue'
 import { loadState } from '@nextcloud/initial-state'
-import debounce from 'debounce'
 import { useResizeObserver } from '@vueuse/core'
 
 import ActionFormattingHelp from './ActionFormattingHelp.vue'
@@ -148,7 +146,6 @@ export default {
  displayHelp: false,
  displayTranslate: false,
  isReady: false,
- isVisible: this.$editor.isFocused,
  canTranslate: loadState('text', 'translation_languages', []).length > 0,
  resize: null,
  iconsLimit: 4,
@@ -178,13 +175,6 @@ export default {
  mounted() {
  this.resize = useResizeObserver(this.$refs.menubar, this.onResize)
 
- this.$onFocusChange = () => {
- this.isVisible = this.$editor.isFocused
- }
- this.$onBlurChange = debounce(() => {
- this.isVisible = this.$editor.isFocused
- }, 3000) // 3s
-
  this.$editor.on('focus', this.$onFocusChange)
  this.$editor.on('blur', this.$onBlurChange)
 
@@ -283,10 +273,6 @@ export default {
  &.text-menubar--hide {
  opacity: 0;
  transition: visibility 0.2s 0.4s, opacity 0.2s 0.4s;
- &.text-menubar--show {
- visibility: visible;
- opacity: 1;
- }
  }
  .text-menubar__entries {
  display: flex;