fix: consolidate browser notification learn more text into single localized string (#4716)

- Combines 'Learn more' link and surrounding text into one Translation
- Fixes double space issue (was   + regular space)
- Enables full sentence to be localized: '<a>Learn more</a> about Owncast browser notifications.'

Closes #4655

web/components/modals/BrowserNotifyModal/BrowserNotifyModal.tsx

@@ -282,15 +282,10 @@ export const BrowserNotifyModal = () => {
             translationKey={Localization.Frontend.BrowserNotifyModal.mainDescription}
             defaultText="Get notified right in the browser each time this stream goes live."
           />
-          <span>
-            <a href="https://owncast.online/docs/notifications/#browser-notifications">
-              <Translation
-                translationKey={Localization.Frontend.BrowserNotifyModal.learnMore}
-                defaultText="Learn more"
-              />
-            </a>
-            &nbsp; about Owncast browser notifications.
-          </span>
+          <Translation
+            translationKey={Localization.Frontend.BrowserNotifyModal.learnMoreAboutNotifications}
+            defaultText="<a href='https://owncast.online/docs/notifications/#browser-notifications'>Learn more</a> about Owncast browser notifications."
+          />
         </Row>
         <Row>
           {error && (

web/types/localization.ts

@@ -68,7 +68,8 @@ export const Localization = {
       deniedTitle: 'Frontend.BrowserNotifyModal.deniedTitle',
       deniedDescription: 'Frontend.BrowserNotifyModal.deniedDescription',
       mainDescription: 'Frontend.BrowserNotifyModal.mainDescription',
-      learnMore: 'Frontend.BrowserNotifyModal.learnMore',
+      learnMoreAboutNotifications:
+        'Frontend.BrowserNotifyModal.learnMoreAboutNotifications',
       errorTitle: 'Frontend.BrowserNotifyModal.errorTitle',
       errorMessage: 'Frontend.BrowserNotifyModal.errorMessage',
     },