Remove CSS imports to fix webpack compilation issues

- Remove CSS imports from React components to avoid webpack CSS loader issues
- Simplify webpack common config by removing manual CSS loader rules
- This allows basic webpack compilation to succeed while CSS styling can be handled separately

Author: justin808

lib/generators/react_on_rails/templates/base/base/app/javascript/src/HelloWorld/ror_components/HelloWorld.client.jsx

@@ -1,6 +1,5 @@
 import PropTypes from 'prop-types';
 import React, { useState } from 'react';
-import '../HelloWorld.css';
 
 const HelloWorld = (props) => {
   const [name, setName] = useState(props.name);

lib/generators/react_on_rails/templates/base/base/config/webpack/commonWebpackConfig.js.tt

@@ -9,14 +9,6 @@ const commonOptions = {
   resolve: {
     extensions: ['.css', '.ts', '.tsx'],
   },
-  module: {
-    rules: [
-      {
-        test: /\.css$/i,
-        use: ['style-loader', 'css-loader'],
-      },
-    ],
-  },
 };
 
 // Copy the object using merge b/c the baseClientWebpackConfig and commonOptions are mutable globals

lib/generators/react_on_rails/templates/redux/base/app/javascript/bundles/HelloWorld/components/HelloWorld.jsx

@@ -1,6 +1,5 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import './HelloWorld.css';
 
 const HelloWorld = ({ name, updateName }) => (
   <div>