lint: update ESLint rules and auto fix

.eslintrc.json

@@ -19,6 +19,9 @@
     }
   },
   "rules": {
-    // Additional rules or overrides can be added here
+    "react/react-in-jsx-scope": "off",
+    "object-curly-spacing": ["error", "always"],
+    "semi": ["error", "never"],
+    "max-len": ["error", { "ignoreComments": true }]
   }
 }

app/javascript/packs/application.js

@@ -3,6 +3,6 @@
 // a relevant structure within app/javascript and only use these pack files to reference
 // that code so it'll be compiled.
 
-import Rails from "@rails/ujs"
+import Rails from '@rails/ujs'
 
 Rails.start()

app/javascript/src/main.jsx

@@ -7,11 +7,11 @@ const Main = (props) => (
 )
 
 Main.defaultProps = {
-  name: 'World'
+  name: 'World',
 }
 
 Main.propTypes = {
-  name: PropTypes.string
+  name: PropTypes.string,
 }
 
 export default Main

app/javascript/tests/main.spec.jsx

@@ -1,8 +1,7 @@
 import { expect, describe, test } from 'vitest'
-import { render } from '@testing-library/react';
+import { render } from '@testing-library/react'
 import Main from '@/main.jsx'
 
-
 describe('Main', () => {
   test('renders', async () => {
     const { getByText } = render(<Main />)