[#73462] Vertically center Backlogs Inbox counter

Also increases space between "Backlog" text and counter to 8px.

https://community.openproject.org/wp/73462

Author: myabc

modules/backlogs/app/components/backlogs/inbox_component.html.erb

@@ -29,9 +29,16 @@ See COPYRIGHT and LICENSE files for more details.
 <%= component_wrapper(tag: "turbo-frame", refresh: :morph) do %>
   <%=
     render(Primer::Beta::Subhead.new(hide_border: true)) do |head|
-      head.with_heading(tag: :h3, font_weight: :bold, size: :medium) do
+      head.with_heading(
+        tag: :h3,
+        size: :medium,
+        font_weight: :bold,
+        display: :inline_flex,
+        align_items: :center,
+        classes: "gap-2"
+      ) do
         concat t(:label_backlog)
-        concat render(Primer::Beta::Counter.new(count: total, scheme: :default, ml: 1))
+        concat render(Primer::Beta::Counter.new(count: total, scheme: :default))
       end
 
       if allow_sprint_creation?(project)

modules/backlogs/app/views/rb_master_backlogs/_sprint_planning_list.html.erb

@@ -39,7 +39,7 @@ See COPYRIGHT and LICENSE files for more details.
     <div id="sprint_backlogs_container" class="op-sprint-planning-lists">
       <%=
         render(Primer::Beta::Subhead.new(hide_border: true)) do |head|
-          head.with_heading(tag: :h3, font_weight: :bold, size: :medium) { Agile::Sprint.human_model_name.pluralize }
+          head.with_heading(tag: :h3, size: :medium, font_weight: :bold) { Agile::Sprint.human_model_name.pluralize }
 
           if allow_sprint_creation?(@project)
             head.with_actions do