fix(cli): let init produce app using css-modules instead of styled-jsx

cli/config/init.App.module.css

@@ -0,0 +1,9 @@
+.container {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    font-size: 1rem;
+}

cli/config/init.entrypoint.js

@@ -1,6 +1,7 @@
 import React from 'react'
 import { DataQuery } from '@dhis2/app-runtime'
 import i18n from '@dhis2/d2-i18n'
+import classes from './App.module.css'
 
 const query = {
     me: {
@@ -9,18 +10,7 @@ const query = {
 }
 
 const MyApp = () => (
-    <div className="container">
-        <style jsx>{`
-            .container {
-                width: 100%;
-                height: 100%;
-                display: flex;
-                flex-direction: column;
-                align-items: center;
-                justify-content: center;
-                font-size: 1rem;
-            }
-        }`}</style>
+    <div className={classes.container}>
         <DataQuery query={query}>
             {({ error, loading, data }) => {
                 if (error) return <span>ERROR</span>

cli/src/commands/init.js

@@ -197,6 +197,10 @@ const handler = async ({ force, name, cwd, lib }) => {
                 path.join(__dirname, '../../config/init.App.test.js'),
                 path.join(paths.base, 'src/App.test.js')
             )
+            fs.copyFileSync(
+                path.join(__dirname, '../../config/init.App.module.css'),
+                path.join(paths.base, 'src/App.module.css')
+            )
         }
     }