Add title to budget header

app/assets/stylesheets/participation.scss

@@ -1135,6 +1135,20 @@
   padding-bottom: $line-height;
   padding-top: $line-height;
 
+  .budget-title {
+    font-weight: bold;
+    text-transform: uppercase;
+
+    &::after {
+      border-bottom: 2px solid #fff;
+      content: "";
+      margin: 0 auto;
+      padding-top: $line-height / 2;
+      display: block;
+      width: 20%;
+    }
+  }
+
   h1,
   h2,
   p,

app/components/budgets/budget_component.html.erb

@@ -1,6 +1,7 @@
 <div class="budget-header">
   <div class="row">
     <div class="small-12 column">
+      <span class="budget-title"><%= t("budgets.index.title") %></span>
       <h1><%= budget.name %></h1>
       <div class="description">
         <%= auto_link_already_sanitized_html wysiwyg(budget.description) %>

spec/components/budgets/budget_component_spec.rb

@@ -16,6 +16,7 @@ describe Budgets::BudgetComponent, type: :component do
       render_inline Budgets::BudgetComponent.new(budget)
 
       within(".budget-header") do
+        expect(page).to have_content("PARTICIPATORY BUDGETS")
         expect(page).to have_content(budget.name)
         expect(page).to have_content(budget.description)
         expect(page).to have_link("Help with participatory budgets")