Add bold interpretation in translations

src/pages/Settings/Network.tsx

@@ -18,8 +18,9 @@ import { APP_ID } from '../../App';
 import { isConnected as isSocketConnected, socket, subscribeTo } from '../../sockets';
 import { createStore } from 'solid-js/store';
 import Checkbox from '../../components/Checkbox/Checkbox';
-import { store } from '../../services/StoreService';
 import ConfirmModal from '../../components/ConfirmModal/ConfirmModal';
+import { interpretBold } from '../../translationHelpers';
+
 
 const Network: Component = () => {
 
@@ -300,7 +301,10 @@ const Network: Component = () => {
 
       <ConfirmModal
         open={confirmRemoveRelay().length > 0}
-        description={intl.formatMessage(tActions.confirmRemoveRelay, { url: confirmRemoveRelay() })}
+        description={intl.formatMessage(tActions.confirmRemoveRelay, {
+          url: confirmRemoveRelay(),
+          b: interpretBold,
+        }) as string}
         onConfirm={() => {
           onRemoveRelay(confirmRemoveRelay())
           setConfirmRemoveRelay('');

src/translationHelpers.tsx

@@ -0,0 +1 @@
+export const interpretBold = (...chunks: any) => <b>{chunks}</b>;

src/translations.ts

@@ -2,6 +2,7 @@ import { MessageDescriptor } from "@cookbook/solid-intl";
 import { NotificationType } from "./constants";
 import { ScopeDescriptor } from "./types/primal";
 
+
 export const account = {
   follow: {
     id: 'actions.follow',
@@ -108,7 +109,7 @@ export const actions = {
   },
   confirmRemoveRelay: {
     id: 'actions.confirmRemoveRelay',
-    defaultMessage: 'Remove {url} from your relay list? This will disconnect you from the relay.',
+    defaultMessage: 'Remove <b>{url}</b> from your relay list? This will disconnect you from the relay.',
     description: 'Label for remove relay confirmation',
   },
   restoreCachingService: {