Allow displaying home-news and home-header at the same time when set

Author: Maciej Kleban

src/app/home-page/home-page.component.html

@@ -1,12 +1,12 @@
 @if (homeHeaderMetadataValue$ | async; as homeHeaderMetadataValue) {
-  <div class="container">
+  <div class="container home-header">
     <ds-markdown-viewer [value]="homeHeaderMetadataValue"></ds-markdown-viewer>
   </div>
 }
-@else {
-  <ds-home-coar></ds-home-coar>
-  <ds-home-news></ds-home-news>
-}
+
+<ds-home-coar></ds-home-coar>
+<ds-home-news></ds-home-news>
+
 @if (showDiscoverFilters) {
   <ds-configuration-search-page
     [sideBarWidth]="3"

src/app/home-page/home-page.component.scss

@@ -4,3 +4,9 @@
     max-width: none;
   }
 }
+
+.home-header {
+  // Using double of --ds-content-spacing because home-news, which is right below the header,
+  // is using margin-top: var(--ds-content-spacing) * -1
+  margin-bottom: calc(var(--ds-content-spacing) * 2);
+}

src/environments/environment.test.ts

@@ -267,6 +267,7 @@ export const environment: BuildConfig = {
     pageSize: 20,
   },
   homePage: {
+    showTopFooter: false,
     recentSubmissions: {
       pageSize: 5,
       //sort record of recent submission