Use layouts/header to draw out headers for research and resource pages

app/views/research/index.html.erb

@@ -1,19 +1,7 @@
-<!-- Header-->
-<header class="bg-dark py-5">
-  <div class="container px-5">
-    <div class="row gx-5 justify-content-center">
-      <div class="col-lg-6">
-        <div class="text-center my-5">
-          <h1 class="display-5 fw-bolder text-white mb-2">Research</h1>
-          <div class="d-grid gap-3 d-sm-flex justify-content-sm-center">
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</header>
-
+<!-- Header -->
+<%= render partial: "layouts/header", locals: {heading: "Research"}  %>
 
+<!-- Content -->
 <div class="container px-5 my-5">
   <div class="row gx-5 justify-content-center">
     <div class="grid-container download-container">

app/views/resource/index.html.erb

@@ -1,18 +1,5 @@
 <!-- Header-->
-<header class="bg-dark py-5">
-  <div class="container px-5">
-    <div class="row gx-5 justify-content-center">
-      <div class="col-lg-6">
-        <div class="text-center my-5">
-          <h1 class="display-5 fw-bolder text-white mb-2">Resources</h1>
-          <div class="d-grid gap-3 d-sm-flex justify-content-sm-center">
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</header>
-
+<%= render partial: "layouts/header", locals: {heading: "Resources"}  %>
 
 <div class="container px-5 my-5">
   <div class="row gx-5 justify-content-center">