Serve static news page for mobile (#9109)

* fix(news): serve static page for mobile

* fix(news): commit new component

* refactor(news): computed prop DRY

website/client/components/static/staticWrapper.vue

@@ -1,14 +1,14 @@
 <template lang='pug'>
   div
-    static-header(:class='{"home-header": $route.name === "home"}')
+    static-header(v-if='showContentWrap', :class='{"home-header": $route.name === "home"}')
 
     .static-wrapper
       router-view
 
-    #purple-footer
+    #purple-footer(v-if='showContentWrap')
       app-footer
 
-    #bottom-wrap.purple-4
+    #bottom-wrap.purple-4(v-if='showContentWrap')
       #bottom-background
         .seamless_mountains_demo_repeat
         .midground_foreground_extended2
@@ -149,5 +149,10 @@
       AppFooter,
       StaticHeader,
     },
+    computed: {
+      showContentWrap () {
+        return this.$route.name !== 'news';
+      },
+    },
   };
 </script>