Fix ESLint violations in RSC components and updated files

- Move eslint-disable after 'use client' directive in SimpleCommentScreen
- Add no-promise-executor-return disable for setTimeout in CommentsFeed
- Replace array index key with semantic key in ServerInfo
- Add PropTypes to TogglePanel component
- Fix import ordering in stimulus-bundle.js

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: justin808

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

@@ -1,6 +1,6 @@
 'use client';
+/* eslint-disable max-classes-per-file */
 
-// eslint-disable-next-line max-classes-per-file
 import React from 'react';
 import request from 'axios';
 import Immutable from 'immutable';

client/app/bundles/server-components/components/CommentsFeed.jsx

@@ -13,6 +13,7 @@ marked.use(gfmHeadingId());
 
 async function CommentsFeed() {
   // Simulate network latency to demonstrate streaming
+  // eslint-disable-next-line no-promise-executor-return
   await new Promise((resolve) => setTimeout(resolve, 800));
 
   // Fetch comments directly from the Rails API — no client-side fetch needed

client/app/bundles/server-components/components/ServerInfo.jsx

@@ -40,8 +40,8 @@ async function ServerInfo() {
         used to format it never reaches the browser.
       </p>
       <div className="grid md:grid-cols-2 gap-x-8 gap-y-1">
-        {grouped.map((group, gi) => (
-          <div key={gi} className="space-y-1">
+        {grouped.map((group) => (
+          <div key={group.map(([k]) => k).join('-')} className="space-y-1">
             {group.map(([key, value]) => (
               <div key={key} className="flex justify-between py-1.5 border-b border-emerald-100 last:border-0">
                 <span className="text-sm text-emerald-700 font-medium">{labels[key] || key}</span>

client/app/bundles/server-components/components/TogglePanel.jsx

@@ -1,6 +1,7 @@
 'use client';
 
 import React, { useState } from 'react';
+import PropTypes from 'prop-types';
 
 const TogglePanel = ({ title, children }) => {
   const [isOpen, setIsOpen] = useState(false);
@@ -31,4 +32,9 @@ const TogglePanel = ({ title, children }) => {
   );
 };
 
+TogglePanel.propTypes = {
+  title: PropTypes.string.isRequired,
+  children: PropTypes.node.isRequired,
+};
+
 export default TogglePanel;

client/app/packs/stimulus-bundle.js

@@ -1,6 +1,7 @@
 'use client';
 
 import ReactOnRails from 'react-on-rails-pro';
+import registerServerComponent from 'react-on-rails-pro/registerServerComponent/client';
 import 'jquery-ujs';
 import { Turbo } from '@hotwired/turbo-rails';
 
@@ -21,8 +22,6 @@ ReactOnRails.setOptions({
 // No need for manual registration
 
 // React Server Components registration (client-side)
-import registerServerComponent from 'react-on-rails-pro/registerServerComponent/client';
-
 registerServerComponent(
   { rscPayloadGenerationUrlPath: 'rsc_payload/' },
   'ServerComponentsPage',