Enable switching language of "Price breakdown"

And move translation to its own context.

app/assets/javascripts/templates/price_breakdown.html.haml

@@ -2,7 +2,7 @@
   %span.joyride-nub.top
   .background{ng: {click: "tt_isOpen = false"}}
   .joyride-content-wrapper
-    %h6= t("price_breakdown")
+    %h6 {{ "js.shopfront.price_breakdown" | t }}
     %ul
       %li
         .right {{ ::variant.price | localizeCurrency }}

config/locales/en.yml

@@ -2056,7 +2056,6 @@ See the %{link} to find out more about %{sitename}'s features and to start using
   shop_for_products_html: "Shop for <span class=\"turquoise\">%{enterprise}</span> products at:"
   change_shop: "Change shop to:"
   shop_at: "Shop now at:"
-  price_breakdown: "Price breakdown"
   admin_fee: "Admin fee"
   sales_fee: "Sales fee"
   packing_fee: "Packing fee"
@@ -2737,6 +2736,7 @@ See the %{link} to find out more about %{sitename}'s features and to start using
       bulk_buy_modal:
         min_quantity: "Min quantity"
         max_quantity: "Max quantity"
+      price_breakdown: "Price breakdown"
     variants:
       on_demand:
         "yes": "On demand"