fix(@schematics/angular): properly log data received in web worker snippet

The generated snippet was:

    worker.onmessage = ({ data }) => {
      console.log('page got message: $\{data\}');
    };

which doesn't use a template string and so does not log `data`.
Fixes the generated snippet to be `console.log(`page got message: ${data}`);`.
Also adds a newline at the end of the web worker template to not fail the default TSLint rules if the schematic is used.

packages/schematics/angular/web-worker/index.ts

@@ -150,12 +150,13 @@ function addSnippet(options: WebWorkerOptions): Rule {
     }
 
     const siblingModulePath = `${options.path}/${siblingModules[0]}`;
+    const logMessage = 'console.log(`page got message: ${data}`);';
     const workerCreationSnippet = tags.stripIndent`
       if (typeof Worker !== 'undefined') {
         // Create a new
         const worker = new Worker('./${options.name}.worker', { type: 'module' });
         worker.onmessage = ({ data }) => {
-          console.log('page got message: $\{data\}');
+          ${logMessage}
         };
         worker.postMessage('hello');
       } else {

packages/schematics/angular/web-worker/index_spec.ts

@@ -81,5 +81,6 @@ describe('Service Worker Schematic', () => {
     const tree = schematicRunner.runSchematic('web-worker', defaultOptions, appTree);
     const appComponent = tree.readContent('/projects/bar/src/app/app.component.ts');
     expect(appComponent).toContain(`new Worker('./${defaultOptions.name}.worker`);
+    expect(appComponent).toContain('console.log(`page got message: ${data}`)');
   });
 });