Hide hidden objective groups in snapshot preview

client/src/components/objective-groups/ObjectiveGroups.vue

@@ -3,7 +3,9 @@
     <objective-group
       :key="group.id"
       :group="group"
-      v-for="group in objectiveGroups"/>
+      v-for="group in objectiveGroups"
+      v-if="!group.hidden"
+    />
   </div>
 </template>
 
@@ -58,7 +60,7 @@
 </script>
 
 <style scoped lang="scss">
-  @import "@/styles/_variables.scss";
+  @import "~styles/helpers";
 
   .objective-groups {
     margin-bottom: $large-spacing;

client/src/graphql/gql/queries/snapshots/detail.gql

@@ -18,6 +18,7 @@ query SnapshotDetail($id: ID!) {
       id
       title
       displayTitle
+      hidden
       objectives {
         hidden
         id