UI: Fix titles for addons/controls/panel tabs to support render fns and JSX elements

[valentinpalkovic]

Closes #19989

What I did

The rules of hooks in React were not correctly applied. Hooks were used in a non-react way.

How to test

1. Run a sandbox for template, e.g. yarn task --task sandbox --start-from auto --template react-vite/default-ts
2. Disable actions in preview.js

const preview = {
  parameters: {
    actions: {disable: true },
  },
};

3. Open a Story. The Addon Tab Panel is visible and the app does not crash

Checklist

• Make sure your changes are tested (stories and/or unit, integration, or end-to-end tests)
• Make sure to add/update documentation regarding your changes
• If you are deprecating/removing a feature, make sure to update
  MIGRATION.MD

Maintainers

• If this PR should be tested against many or all sandboxes,
  make sure to add the ci:merged or ci:daily GH label to it.
• Make sure this PR contains one of the labels below.

["cleanup", "BREAKING CHANGE", "feature request", "bug", "documentation", "maintenance", "dependencies", "other"]

[yannbf]

LGTM!

[yannbf]

Hey @valentinpalkovic I actually found an issue:

1. Open Storybook
2. Add actions: { disable: true } and see it update correctly
3. change to actions: { disable: false } or remove the line altogether, and see that the panel does not get updated (at the end of the gif I had to refresh the browser):

Is this a memo issue?

[valentinpalkovic]

I have encountered it as well, but it is not related to this bug and should be fixed separately.