fix(cli): Avoid unnecessary interpolation in component template (#145)

No need for `<h2>{'UserProfile'}</h2>`. Just `<h2>UserProfile</h2>` is
better.

Author: Tobbe

packages/cli/src/commands/generate/component/__tests__/__snapshots__/component.test.ts.snap

@@ -4,10 +4,8 @@ exports[`creates a TS component and test 1`] = `
 "const TypescriptUser = () => {
   return (
     <div>
-      <h2>{'TypescriptUser'}</h2>
-      <p>
-        {'Find me in ./web/src/components/TypescriptUser/TypescriptUser.tsx'}
-      </p>
+      <h2>TypescriptUser</h2>
+      <p>Find me in ./web/src/components/TypescriptUser/TypescriptUser.tsx</p>
     </div>
   )
 }
@@ -38,8 +36,8 @@ exports[`creates a multi word component 1`] = `
 "const UserProfile = () => {
   return (
     <div>
-      <h2>{'UserProfile'}</h2>
-      <p>{'Find me in ./web/src/components/UserProfile/UserProfile.jsx'}</p>
+      <h2>UserProfile</h2>
+      <p>Find me in ./web/src/components/UserProfile/UserProfile.jsx</p>
     </div>
   )
 }
@@ -91,8 +89,8 @@ exports[`creates a single word component 1`] = `
 "const User = () => {
   return (
     <div>
-      <h2>{'User'}</h2>
-      <p>{'Find me in ./web/src/components/User/User.jsx'}</p>
+      <h2>User</h2>
+      <p>Find me in ./web/src/components/User/User.jsx</p>
     </div>
   )
 }

packages/cli/src/commands/generate/component/templates/component.tsx.template

@@ -1,8 +1,8 @@
 const ${pascalName} = () => {
   return (
     <div>
-      <h2>{'${pascalName}'}</h2>
-      <p>{'Find me in ${outputPath}'}</p>
+      <h2>${pascalName}</h2>
+      <p>Find me in ${outputPath}</p>
     </div>
   )
 }