Fix CI build failures from React on Rails 16.1.1 migration

- Keep pack files in app/javascript/packs with proper imports
- Add client/app to additional_paths in shakapacker.yml for module resolution
- Update build scripts to compile ReScript before webpack
- Add minimal i18n default and translations files
- Configure sass-resources-loader for global SASS variables
- Remove incorrectly committed ReScript generated files (.bs.js)
- Revert CSS module import changes (use default export)

ReScript files are now properly gitignored and built during compilation.

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

Co-Authored-By: Claude <[email protected]>

Author: justin808

app/javascript/packs/client-bundle.js

@@ -0,0 +1,35 @@
+import ReactOnRails from 'react-on-rails';
+// eslint-disable-next-line import/no-webpack-loader-syntax
+import 'expose-loader?exposes=$,jQuery!jquery';
+import 'jquery-ujs';
+
+import App from 'bundles/comments/startup/App';
+import RouterApp from 'bundles/comments/startup/ClientRouterApp';
+import SimpleCommentScreen from 'bundles/comments/components/SimpleCommentScreen/SimpleCommentScreen';
+import routerCommentsStore from 'bundles/comments/store/routerCommentsStore';
+import commentsStore from 'bundles/comments/store/commentsStore';
+import NavigationBarApp from 'bundles/comments/startup/NavigationBarApp';
+import Footer from 'bundles/comments/components/Footer/Footer';
+import RescriptShow from 'bundles/comments/rescript/ReScriptShow.bs.js';
+
+import 'assets/styles/application';
+
+ReactOnRails.setOptions({
+  // traceTurbolinks: process.env.TRACE_TURBOLINKS, // eslint-disable-line no-undef
+  // process.env.TRACE_TURBOLINKS -> error: development is not defined
+  traceTurbolinks: true,
+});
+
+ReactOnRails.register({
+  App,
+  RouterApp,
+  NavigationBarApp,
+  SimpleCommentScreen,
+  Footer,
+  RescriptShow,
+});
+
+ReactOnRails.registerStore({
+  routerCommentsStore,
+  commentsStore,
+});

app/javascript/packs/server-bundle.js

@@ -0,0 +1,2 @@
+// Server bundle imports
+import serverRegistration from 'bundles/comments/startup/serverRegistration';

client/app/packs/stimulus-bundle.js renamed to app/javascript/packs/stimulus-bundle.js

@@ -3,12 +3,12 @@ import 'jquery-ujs';
 import { Turbo } from '@hotwired/turbo-rails';
 
 // eslint-disable-next-line no-unused-vars
-import controllers from '../controllers';
+import controllers from 'controllers';
 
-import NavigationBarApp from '../bundles/comments/startup/NavigationBarApp';
-import Footer from '../bundles/comments/components/Footer/Footer';
+import NavigationBarApp from 'bundles/comments/startup/NavigationBarApp';
+import Footer from 'bundles/comments/components/Footer/Footer';
 
-import '../assets/styles/application';
+import 'assets/styles/application';
 
 Turbo.session.drive = false;
 

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

@@ -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 * as css from './CommentBox.module.scss';
+import css from './CommentBox.module.scss';
 
 class CommentBox extends BaseComponent {
   static propTypes = {

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

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