Update BrowserNotifyModal.tsx to use Localization component (#4444)

* Initial plan

* Update BrowserNotifyModal.tsx to use Localization component

Co-authored-by: gabek <414923+gabek@users.noreply.github.com>

* Organize BrowserNotifyModal localization keys into namespaces

Co-authored-by: gabek <414923+gabek@users.noreply.github.com>

* chore: update extracted translations

* Update web/components/modals/BrowserNotifyModal/BrowserNotifyModal.tsx

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

* Update web/i18n/en/translation_old.json

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

---------

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: gabek <414923+gabek@users.noreply.github.com>
Co-authored-by: Owncast default web localizations <owncast@owncast.online>
Co-authored-by: Gabe Kangas <gabek@real-ity.com>
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

web/i18n/en/translation_old.json

@@ -1,9 +1,9 @@
 {
   "Testing": {
-    "simpleKey": "<strong><em>Missing translation Testing.simpleKey: Please report</em></strong>",
-    "itemCount": "<strong><em>Missing translation Testing.itemCount: Please report</em></strong>",
-    "messageCount": "<strong><em>Missing translation Testing.messageCount: Please report</em></strong>",
-    "noPluralKey": "<strong><em>Missing translation Testing.noPluralKey: Please report</em></strong>",
+    "simpleKey": "This is a simple key for testing purposes.",
+    "itemCount": "You have {{count}} items.",
+    "messageCount": "{{sender}} has sent {{count}} messages.",
+    "noPluralKey": "This key does not support pluralization.",
     "itemCount_one": "You have {{count}} item",
     "messageCount_one": "{{sender}} has sent one message"
   },
@@ -15,7 +15,29 @@
     "offlineNotifyOnly": "This stream is offline. <span class='notify-link'>Be notified</span> the next time {{streamer}} goes live.",
     "offlineFediverseOnly": "This stream is offline. <span class='follow-link'>Follow</span> {{fediverseAccount}} on the Fediverse to see the next time {{streamer}} goes live.",
     "offlineBasic": "This stream is offline. Check back soon!",
-    "componentError": "Error: {{message}}"
+    "componentError": "Error: {{message}}",
+    "browser_notify_unsupported": "Browser notifications are not supported in your browser.",
+    "browser_notify_unsupported_local": "Browser notifications are not supported for local servers.",
+    "browser_notify_ios_title": "Get notified on iOS",
+    "browser_notify_ios_description": "It takes a couple extra steps to make sure you get notified when your favorite streams go live.",
+    "browser_notify_ios_share_button": "share",
+    "browser_notify_ios_add_to_home_screen": "Add to Home Screen",
+    "browser_notify_ios_add_button": "Add",
+    "browser_notify_ios_name_and_tap": "Give this link a name and tap the new icon on your home screen",
+    "browser_notify_ios_come_back": "Come back to this screen and enable notifications.",
+    "browser_notify_ios_allow_prompt": "Allow",
+    "browser_notify_permission_wants_to": "{{hostname}} wants to",
+    "browser_notify_show_notifications": "Show notifications",
+    "browser_notify_allow_button": "Allow",
+    "browser_notify_block_button": "Block",
+    "browser_notify_enabled_title": "Notifications are enabled",
+    "browser_notify_enabled_description": "To disable push notifications from {{hostname}} access your browser permissions for this site and turn off notifications. <a href=\"https://owncast.online/docs/notifications\">Learn more.</a>",
+    "browser_notify_denied_title": "Notifications are blocked on your device",
+    "browser_notify_denied_description": "To enable push notifications from {{hostname}} access your browser permissions for this site and turn on notifications. Then reload this page to apply your updated settings on this site. <a href=\"https://owncast.online/docs/notifications\">Learn more.</a>",
+    "browser_notify_main_description": "Get notified right in the browser each time this stream goes live.",
+    "browser_notify_learn_more": "Learn more",
+    "browser_notify_error_title": "Browser Notification Error",
+    "browser_notify_error_message": "Error registering for live notifications: {{message}}. Make sure you're not inside a private browser environment or have previously disabled notifications for this stream."
   },
   "Admin": {
     "emojis": "<strong><em>Missing translation Admin.emojis: Please report</em></strong>",