chore: 🤖 convert new project button to link

ui/core/app/routes/orgs/org/projects/index.js

@@ -1,9 +1,3 @@
 import Route from '@ember/routing/route';
-import { action } from '@ember/object';
 
-export default class OrgsOrgProjectsIndexRoute extends Route {
-  @action
-  new() {
-    this.transitionTo('orgs.org.projects.new');
-  }
-}
+export default class OrgsOrgProjectsIndexRoute extends Route {}

ui/core/app/styles/app.scss

@@ -17,22 +17,6 @@
   }
 }
 
-.project-new-link {
-  cursor: pointer;
-  text-decoration: none;
-  padding: 10px;
-  color: #ffffff;
-  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
-  background: #1563ff;
-  border: 1px solid #082766;
-  box-sizing: border-box;
-  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
-  border-radius: 2px;
-  position: relative;
-  float: right;
-  top: -50px;
-}
-
 .project-overview,
 .project-new {
   margin: 0 10px;

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

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