Block local navigation and open new windows externally in electron

[tsmaeder]

What it does

Fixes #13592

Allow to open https/http links externally and ask the user for all other protocols.

Contributed on behalf of STMicroelectronics

How to test

I changed the renderHeader method in about-dialog.tsx to return a couple of naked <a href=... links:

        return <>
            <h3>{detailsLabel}</h3>
            <div className='about-details'>
                {applicationInfo && <p>{`${versionLabel}: ${applicationInfo.version}`}</p>}
                <p>{`${defaultApiLabel}: ${DEFAULT_SUPPORTED_API_VERSION}`}</p>
                <p>
                    <a href={ compatibilityUrl }>
                    { compatibilityLabel }
                    </a>
                </p>
                <p>
                    <a href="https://www.ethz.ch" target='_blank'>
                    ETH Zürich
                    </a>
                </p>
                <p>
                    <a href= "mailto:t.s.maeder@gmail.com" target='_blank'>
                    Send Mail
                    </a>
                </p>
            </div>
        </>;

The first one is a local navigation and is blocked. The second is a https link and is opened in the system browser. The third one provokes a dialog asking the user whether to open the link externally.

Follow-ups

Review checklist

• [x] As an author, I have thoroughly tested my changes and carefully followed the review guidelines

Reminder for reviewers

• As a reviewer, I agree to behave in accordance with the review guidelines