Fix SSR by adding react-intl safeguards

- Re-enable SSR in React on Rails configuration
- Add safeguards for formatMessage when intl context is not initialized during SSR
- Add missing message definitions for form buttons
- Update i18n translations to support all UI messages

This fixes the react-intl SSR error that was preventing server-side rendering from working properly with Shakapacker 9.0.0-beta.4.

🤖 Generated with Claude Code (https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

Author: justin808

app/views/pages/index.html.erb

@@ -12,4 +12,4 @@
 <%= render "header" %>
 
 <!--Note, pre-rendering set in /config/initializers/react_on_rails.rb -->
-<%= react_component('RouterApp', id: "RouterApp-react-component-0", prerender: false) %>
+<%= react_component('RouterApp', id: "RouterApp-react-component-0") %>

client/app/bundles/comments/components/CommentBox/CommentBox.jsx

@@ -74,7 +74,8 @@ class CommentBox extends BaseComponent {
 
   render() {
     const { actions, data, intl } = this.props;
-    const { formatMessage } = intl;
+    // Safeguard for SSR where intl might not be properly initialized
+    const formatMessage = intl && intl.formatMessage ? intl.formatMessage : (msg) => msg.defaultMessage || '';
     const cssTransitionGroupClassNames = {
       enter: css.elementEnter,
       enterActive: css.elementEnterActive,

client/app/bundles/comments/components/CommentBox/CommentForm/CommentForm.jsx

@@ -101,7 +101,9 @@ class CommentForm extends BaseComponent {
   }
 
   formHorizontal() {
-    const { formatMessage } = this.props.intl;
+    // Safeguard for SSR where intl might not be properly initialized
+    const { intl } = this.props;
+    const formatMessage = intl && intl.formatMessage ? intl.formatMessage : (msg) => msg.defaultMessage || '';
     return (
       <div>
         <hr />
@@ -156,7 +158,9 @@ class CommentForm extends BaseComponent {
   }
 
   formStacked() {
-    const { formatMessage } = this.props.intl;
+    // Safeguard for SSR where intl might not be properly initialized
+    const { intl } = this.props;
+    const formatMessage = intl && intl.formatMessage ? intl.formatMessage : (msg) => msg.defaultMessage || '';
     return (
       <div>
         <hr />
@@ -211,7 +215,9 @@ class CommentForm extends BaseComponent {
 
   // Head up! We have some CSS modules going on here with the className props below.
   formInline() {
-    const { formatMessage } = this.props.intl;
+    // Safeguard for SSR where intl might not be properly initialized
+    const { intl } = this.props;
+    const formatMessage = intl && intl.formatMessage ? intl.formatMessage : (msg) => msg.defaultMessage || '';
     return (
       <div>
         <hr />
@@ -314,7 +320,9 @@ class CommentForm extends BaseComponent {
         throw new Error(`Unknown form mode: ${this.state.formMode}.`);
     }
 
-    const { formatMessage } = this.props.intl;
+    // Safeguard for SSR where intl might not be properly initialized
+    const { intl } = this.props;
+    const formatMessage = intl && intl.formatMessage ? intl.formatMessage : (msg) => msg.defaultMessage || '';
 
     // For animation with TransitionGroup
     //   https://reactcommunity.org/react-transition-group/transition-group

client/app/bundles/comments/components/SimpleCommentScreen/ror_components/SimpleCommentScreen.jsx

@@ -72,7 +72,8 @@ class SimpleCommentScreen extends BaseComponent {
 
   render() {
     const { handleSetLocale, locale, intl } = this.props;
-    const { formatMessage } = intl;
+    // Safeguard for SSR where intl might not be properly initialized
+    const formatMessage = intl && intl.formatMessage ? intl.formatMessage : (msg) => msg.defaultMessage || '';
     const cssTransitionGroupClassNames = {
       enter: css.elementEnter,
       enterActive: css.elementEnterActive,

config/initializers/react_on_rails.rb

@@ -38,7 +38,7 @@
 
   # Default is false. Can be overriden at the component level.
   # Set to false for debugging issues before turning on to true.
-  config.prerender = false
+  config.prerender = true
 
   # default is true for development, off otherwise
   config.trace = Rails.env.development?