Fix cluster type tooltip message formatting

[EMaksy]

Description

This little pr fixes the spacing problem on the cluster type tooltip message. In chrome and chromium no empty space was rendered. Firefox rendered the tooltip message correctly.

Played with different Whitespaces options in tailwindcss without success, for some reasons in chrome "whitespace-pre" class was not applied, wrapping it in a span applies the css rules in chrome and chromium

Correct rendering in Firefox:

Wrong rendering in Chrome and Chromium

Space between "migration" and "to Angi architecture"

Fixed rendering in Chrome and Chromium

How was this tested?

Tested on:

• Google Chrome Version 125.0.6422.141 manually
• Chromium Version 127.0.6533.88 manually
• Mozilla Firefox 127.0.2 manually

[EMaksy]

An alternative solution would be also to change the position of empty space after "migration"

const CLASSIC_TOOLTIP_MESSAGE = (
  <>
    Classic architecture. Recommended{' '}
    <Link
      to={MIGRATION_URL}
      className="text-jungle-green-500 hover:opacity-75"
      target="_blank"
    >
      migration{' '}
    </Link>
    to Angi architecture
  </>
);

[abravosuse]

LGTM Eugen. Thanks!

[arbulu89]

I don't know why wrapping a span into other span changes things...
But hey, I'm not gonna spend one single minute fighting css war XD