Switch heading to display font in profile

This is more consistent but differs from the design I think

app/components/tailwind/heading.rb

@@ -13,6 +13,8 @@ def initialize(tag:, size: nil, color: nil, extra_classes: "")
       raise "Invalid tag" unless tag == :h1
 
       size_class = case size
+                   when "xl"
+                     "text-xl"
                    when "3xl"
                      "text-3xl"
                    # 4xl is the default size for h1

app/views/_tailwind/layouts/profile.html.erb

@@ -1,6 +1,6 @@
 <% content_for :content do %>
   <%# TODO: This is using a different style than the standard Heading component %>
-  <h1 class="text-xl font-bold text-navy">Your account</h1>
+  <%= render Tailwind::Heading.new(tag: :h1, size: "xl").with_content("Your account") %>
   <p class="mt-1 text-4xl font-bold text-navy font-display">
     <%= current_user.name_with_fallback %>
   </p>