installPybricksDialog: fix heart icon

Use actual icon instead of unicode character. This way it renders the
same on all OSes.

src/firmware/installPybricksDialog/InstallPybricksDialog.tsx

@@ -23,6 +23,7 @@ import { FirmwareMetadata, HubType } from '@pybricks/firmware';
 import { fileOpen } from 'browser-fs-access';
 import classNames from 'classnames';
 import React, { useCallback, useState } from 'react';
+import { VisuallyHidden } from 'react-aria';
 import { useDropzone } from 'react-dropzone';
 import { useDispatch } from 'react-redux';
 import { useLocalStorage } from 'usehooks-ts';
@@ -108,9 +109,21 @@ const UnsupportedHubs: React.VoidFunctionComponent = () => {
                 )}
             </p>
             <p>
-                {i18n.translate('selectHubPanel.notOnListButton.info.mindstorms.help', {
-                    icon: '♥',
-                })}
+                {i18n.translate(
+                    'selectHubPanel.notOnListButton.info.mindstorms.help.message',
+                    {
+                        sponsor: (
+                            <>
+                                <VisuallyHidden elementType="span">
+                                    {i18n.translate(
+                                        'selectHubPanel.notOnListButton.info.mindstorms.help.sponsor',
+                                    )}
+                                </VisuallyHidden>
+                                <Icon icon="heart" />
+                            </>
+                        ),
+                    },
+                )}
             </p>
             <ul>
                 <li>

src/firmware/installPybricksDialog/translations/en.json

@@ -9,7 +9,10 @@
                 "mindstorms": {
                     "title": "{legoMindstormsRegisteredTrademark} bricks",
                     "intro": "{appName} does not currently support previous generations of {legoMindstormsRegisteredTrademark}.",
-                    "help": "But with your help, it can! Click the {icon} icon in the top right to see how you can support us.",
+                    "help": {
+                        "message": "But with your help, it can! Click the {sponsor} button in the top right to see how you can support us.",
+                        "sponsor": "sponsor"
+                    },
                     "rcx": "RCX: Might work in streaming mode.",
                     "nxt": "NXT: We have tested this. It could work!",
                     "ev3": "EV3: Supported using Visual Studio Code."