Update single heading budget view

Co-Authored-By: Julian Herrero <microweb10@gmail.com>

app/components/budgets/budget_component.html.erb

@@ -26,7 +26,11 @@
 <div id="budget_info" class="budget-info">
   <div class="row margin-top">
     <div class="small-12 column">
-      <%= render Budgets::GroupsAndHeadingsComponent.new(budget) %>
+      <% if budget.single_heading? %>
+        <%= render Budgets::SingleHeadingComponent.new(budget) %>
+      <% else %>
+        <%= render Budgets::GroupsAndHeadingsComponent.new(budget) %>
+      <% end %>
 
       <% unless budget.informing? %>
         <div class="map inline">

app/components/budgets/single_heading_component.html.erb

@@ -0,0 +1,4 @@
+<div class="single-heading">
+  <h2><%= title %></h2>
+  <p><%= price %></p>
+</div>

app/components/budgets/single_heading_component.rb

@@ -0,0 +1,21 @@
+class Budgets::SingleHeadingComponent < ApplicationComponent
+  attr_reader :budget
+
+  def initialize(budget)
+    @budget = budget
+  end
+
+  private
+
+    def heading
+      budget.headings.first
+    end
+
+    def title
+      heading.name
+    end
+
+    def price
+      budget.formatted_heading_price(heading)
+    end
+end