Fix CI build failures from React on Rails 16.1.1 migration

- Move pack files from app/javascript/packs to client/app/packs
- Update shakapacker config to use client/app as source_path
- Fix server-bundle.js to import serverRegistration directly
- Add missing i18n translation and default files
- Configure webpack aliases for libs path resolution
- Add sass-resources-loader for global SASS variables
- Fix CSS module imports to use named exports
- Build and fix ReScript generated files

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

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

Author: justin808

app/javascript/packs/client-bundle.js

@@ -8,7 +8,7 @@ import SelectLanguage from 'libs/i18n/selectLanguage';
 import { defaultMessages, defaultLocale } from 'libs/i18n/default';
 import CommentForm from './CommentForm/CommentForm';
 import CommentList, { commentPropTypes } from './CommentList/CommentList';
-import css from './CommentBox.module.scss';
+import * as css from './CommentBox.module.scss';
 
 class CommentBox extends BaseComponent {
   static propTypes = {

app/javascript/packs/server-bundle.js

@@ -12,7 +12,7 @@ import { translations } from 'libs/i18n/translations';
 
 import CommentForm from '../CommentBox/CommentForm/CommentForm';
 import CommentList from '../CommentBox/CommentList/CommentList';
-import css from './SimpleCommentScreen.module.scss';
+import * as css from './SimpleCommentScreen.module.scss';
 
 class SimpleCommentScreen extends BaseComponent {
   constructor(props) {

app/javascript/packs/stimulus-bundle.js

@@ -0,0 +1,9 @@
+// Default locale and messages for i18n
+const defaultLocale = 'en';
+
+const defaultMessages = {
+  en: {},
+};
+
+export { defaultLocale, defaultMessages };
+export default { defaultLocale, defaultMessages };

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

@@ -0,0 +1,36 @@
+// Translation messages for react-intl
+export const translations = {
+  en: {
+    'nav.toggle': 'Toggle navigation',
+    'nav.examples': 'Examples',
+    'nav.rails_ujs': 'Rails UJS Demo',
+    'nav.turbo_demo': 'Turbo Demo',
+    'nav.stimulus_demo': 'Stimulus Demo',
+    'nav.simple_react': 'Simple React',
+    'nav.rescript': 'Rescript',
+    'nav.server_rendering': 'Server Rendering',
+    'nav.react_router': 'React Router',
+    'nav.react_router_express': 'React Router Express',
+    'nav.code': 'Code',
+    'comment.form.name.placeholder': 'Name',
+    'comment.form.comment.placeholder': 'Comment',
+    'comment.form.submit': 'Post',
+    'comment.form.posting': 'Posting...',
+    'comment.form.posted': 'Posted!',
+    'comment.form.error_saving': 'Error Saving Comment',
+    'comment.form.characters_left': '{count, number} characters left',
+    'comment.form.characters_over_limit': '{count, number} characters over limit',
+    'comment.actions.add': 'Add Comment',
+    'comment.actions.delete': 'delete',
+    'comment.actions.edit': 'edit',
+    'comment.actions.save': 'save',
+    'comment.actions.cancel': 'cancel',
+    'comment.empty': 'No comments yet',
+    'comment.loading': 'Loading...',
+    'comment.error.fetch': 'Error fetching comments',
+    'comment.error.delete': 'Error deleting comment',
+    'comment.error.update': 'Error updating comment',
+  },
+};
+
+export default translations;

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

@@ -1,25 +1,2 @@
-// Example of React + Redux
-import ReactOnRails from 'react-on-rails';
-
-import App from '../bundles/comments/startup/App';
-import RouterApp from '../bundles/comments/startup/ServerRouterApp';
-import SimpleCommentScreen from '../bundles/comments/components/SimpleCommentScreen/SimpleCommentScreen';
-import NavigationBarApp from '../bundles/comments/startup/NavigationBarApp';
-import routerCommentsStore from '../bundles/comments/store/routerCommentsStore';
-import commentsStore from '../bundles/comments/store/commentsStore';
-import Footer from '../bundles/comments/components/Footer/Footer';
-import RescriptShow from '../bundles/comments/rescript/ReScriptShow.bs.js';
-
-ReactOnRails.register({
-  App,
-  RouterApp,
-  NavigationBarApp,
-  SimpleCommentScreen,
-  Footer,
-  RescriptShow,
-});
-
-ReactOnRails.registerStore({
-  routerCommentsStore,
-  commentsStore,
-});
+// Server bundle imports
+import serverRegistration from '../bundles/comments/startup/serverRegistration';

client/app/libs/i18n/default.js

@@ -2,7 +2,7 @@
 # This file contains the defaults used by shakapacker.
 
 default: &default
-  source_path: app/javascript
+  source_path: client/app
 
   # You can have a subdirectory of the source_path, like 'packs' (recommended).
   # Alternatively, you can use '/' to use the whole source_path directory.

client/app/libs/i18n/translations.js

@@ -4,6 +4,7 @@ module.exports = {
   resolve: {
     alias: {
       Assets: resolve(__dirname, '..', '..', 'client', 'app', 'assets'),
+      libs: resolve(__dirname, '..', '..', 'client', 'app', 'libs'),
     },
   },
 };