chore: 🤖 Use rose/card/link component in projects overview page

addons/rose/addon/styles/rose/components/card/_link.scss

@@ -36,5 +36,6 @@
 
   .rose-card-link-description {
     margin: 0;
+    color: var(--ui-gray);
   }
 }

addons/rose/addon/templates/components/rose/card/link.hbs

@@ -2,6 +2,7 @@
   <LinkTo
     title={{@title}}
     @route={{if @route @route "index"}}
+    @model={{@model}}
   >
 
     {{#if @title}}

ui/core/app/styles/app.scss

@@ -12,17 +12,7 @@
     .project {
       display: flex;
       flex-direction: row;
-      margin-bottom: 10px;
-
-      a {
-        text-decoration: none;
-        text-transform: capitalize;
-        color: #000;
-        cursor: pointer;
-        padding: 20px 30px 20px 20px;
-        border: 1px solid #bac1cc;
-        margin-right: 10px;
-      }
+      padding: 10px;
     }
   }
 }

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

@@ -12,9 +12,11 @@
   <ul class="projects">
     {{#each @model as |project|}}
       <li class="project">
-        <LinkTo @route="orgs.org.projects.project" @model={{project}}>
-          {{project.name}}
-        </LinkTo>
+        <Rose::Card::Link @title={{project.name}}
+          @description={{project.description}}
+          @route="orgs.org.projects.project"
+          @model={{project}}
+        />
       </li>
     {{/each}}
   </ul>