Change subtitle heading to new slogan

- Unify reading subtitle/slogan throughout the application.
- Refactor related unit tests for easier future changes.
- Add typed constants for Vue app environment variables.

src/presentation/components/Code/TheCodeArea.vue

@@ -148,7 +148,8 @@ function getLanguage(language: ScriptingLanguage) {
 function getDefaultCode(language: ScriptingLanguage): string {
   return new CodeBuilderFactory()
     .create(language)
-    .appendCommentLine('privacy.sexy — 🔐 Enforce privacy & security best-practices on Windows and macOS')
+    .appendCommentLine('privacy.sexy — Now you have the choice.')
+    .appendCommentLine(' 🔐 Enforce privacy & security best-practices on Windows, macOS and Linux.')
     .appendLine()
     .appendCommentLine('-- 🤔 How to use')
     .appendCommentLine(' 📙 Start by exploring different categories and choosing different tweaks.')

src/presentation/components/TheHeader.vue

@@ -1,7 +1,7 @@
 <template>
   <div id="container">
     <h1 class="child title" >{{ title }}</h1>
-    <h2 class="child subtitle">Enforce privacy &amp; security on Windows, macOS and Linux</h2>
+    <h2 class="child subtitle">Now you have the choice</h2>
   </div>
 </template>
 
@@ -18,6 +18,7 @@ export default class TheHeader extends Vue {
   public async created() {
     const app = await ApplicationFactory.Current.getApp();
     this.title = app.info.name;
+    this.subtitle = app.info.slogan;
   }
 }
 </script>