chore: 🤖 Integrate rose pageheader components into core ui

ui/core/app/templates/orgs/org/projects/index.hbs

@@ -1,11 +1,16 @@
 <div class="projects-overview">
-
-  <h2>{{t "resources.projects"}}</h2>
-
-  <LinkTo @route="orgs.org.projects.new">
-    <Rose::Icon @name="plus-circle-outline" @size="medium" />
-    {{t "titles.new"}}
-  </LinkTo>
+  <Rose::Layout::PageHeader>
+    <Rose::PageHeader::Title @text={{t "resources.projects"}} />
+    <Rose::PageHeader::Utilities as |utility|>
+      <utility.action
+        @style="primary"
+        @iconLeft="plus-plain"
+        {{on "click" (route-action "new")}}
+      >
+        {{t 'titles.new'}}
+      </utility.action>
+    </Rose::PageHeader::Utilities>
+  </Rose::Layout::PageHeader>
 
   <ul class="projects">
     {{#each @model as |project|}}

ui/core/app/templates/orgs/org/projects/new.hbs

@@ -7,7 +7,9 @@
     <LinkTo @route='orgs.org.projects.new'>{{t "titles.new"}}</LinkTo>
   </div>
 
-  <h2>{{t "titles.new"}}</h2>
+  <Rose::Layout::PageHeader>
+    <Rose::PageHeader::Title @text={{t "titles.new"}} />
+  </Rose::Layout::PageHeader>
 
   <Form::Project
     @model={{@model}}

ui/core/app/templates/orgs/org/projects/project.hbs

@@ -18,6 +18,10 @@
     </nav.link>
   </Rose::Nav::Tabs>
 
+  <Rose::Layout::PageHeader>
+    <Rose::PageHeader::Title @text={{@model.name}} />
+  </Rose::Layout::PageHeader>
+
   <Form::Project
     @model={{@model}}
     @submit={{route-action "save" @model}}