New portfolio header adjustments

styles/components/_empty_state.scss

@@ -1,6 +1,6 @@
 .empty-state {
   max-width: $max-panel-width;
-  background-color: #f6f6f7;
+  background-color: $color-gray-lightest;
 
   &--white {
     background-color: $color-white;

styles/components/_portfolio_layout.scss

@@ -5,6 +5,10 @@
   }
 }
 
+.portfolio-header-new .portfolio-header__name {
+    padding: 1.6rem 0;
+}
+
 .portfolio-header {
   flex-direction: column;
   margin: $gap * 2 0;

templates/portfolios/new/step_1.html

@@ -13,7 +13,7 @@
   <div class="portfolio-header-new">
     <div class='portfolio-header__name'>
       <p>{{ "portfolios.header" | translate }}</p>
-      <h1>{{ "New Portfolio" }}</h1>
+      <h1>{{ 'portfolios.new.title' | translate }}</h1>
     </div>
   {{ StickyCTA(text="portfolios.new.cta_step_1"|translate, context=("portfolios.new.sticky_header_context"|translate({"step": "1"}) )) }}
   <base-form inline-template>