Merge admin dashboard to new design for procedure details

app/assets/stylesheets/new_design/badges.scss

@@ -11,6 +11,10 @@
   background-color: rgba(0, 0, 0, 0.08);
   vertical-align: top;
 
+  &.baseline {
+    vertical-align: baseline;
+  }
+
   &.warning {
     background-color: $orange;
     color: #FFFFFF;

app/assets/stylesheets/new_design/buttons.scss

@@ -317,3 +317,14 @@
 .link {
   color: $blue;
 }
+
+.card-admin-action-btn {
+  width: 90px;
+  height: 36px;
+  border-radius: 30px;
+  border: solid 1px #BBBBBB;
+  background: #FFFFFF;
+  cursor: pointer;
+  padding-left: 10px;
+  padding-right: 10px;
+}

app/assets/stylesheets/new_design/card.scss

@@ -62,3 +62,46 @@
     margin-bottom: $default-spacer;
   }
 }
+
+.card-admin-list {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(236px, 1fr));
+  grid-gap: 20px;
+  margin: auto;
+  margin-bottom: 20px;
+}
+
+.card-admin {
+  padding-top: 10px;
+  padding-bottom: 10px;
+  width: 236px;
+  height: 200px;
+  border-radius: 4px;
+  border: solid 1px $border-grey;
+  text-align: center;
+  margin: auto;
+  display: flex;
+  flex-direction: column;
+
+  .card-admin-status-accept {
+    color: #50AA75;
+  }
+
+  .card-admin-status-todo {
+    color: #246AC5;
+  }
+
+  .card-admin-title {
+    font-weight: bold;
+    font-size: 18px;
+    margin-bottom: $default-spacer;
+  }
+
+  .card-admin-subtitle {
+    font-size: 14px;
+  }
+
+  .card-admin-action {
+    margin-top: auto;
+  }
+}