message: use better selector
diff: import { useScopedSelector } from '@edtr-io/core'
  import { PrimarySettings } from '@edtr-io/editor-ui'
  import { StatefulPluginEditorProps } from '@edtr-io/plugin'
  -import { getFocused } from '@edtr-io/store'
  +import { isFocused } from '@edtr-io/store'
  import { ThemeProvider, usePluginTheme } from '@edtr-io/ui'
  import * as React from 'react'
  import { createPortal } from 'react-dom'
  @@ -35,12 +35,12 @@ const RowSource = React.forwardRef<
  { getNode: () => HTMLDivElement | null },
  RowSourceProps & RowMenuProps
  >((props, ref) => {
  - const focusedElement = useScopedSelector(getFocused())
  const [expandedState, setExpanded] = React.useState(false)
  const [showExtendedSettings, setShowExtendedSettings] = React.useState(false)
  const rows = props.state
  const index = props.index
  const row = rows()[index]
  + const focused = useScopedSelector(isFocused(row.id))
  // DnD
  const rowRef = React.useRef<HTMLDivElement>(null)
  @@ -85,7 +85,6 @@ const RowSource = React.forwardRef<
  }
  }
  }, [settingsTheme])
  - const focused = focusedElement === row.id
  React.useLayoutEffect(() => {
  if (!props.focused && !focused) {
  setExpanded(false)
  