✨ Add link to feedback dashboard

frontend/resources/locales.json

@@ -1405,6 +1405,15 @@
       "es" : "Salir"
     }
   },
+  "labels.feedback" : {
+    "used-in" : [ "src/app/main/ui/settings.cljs:31", "src/app/main/ui/dashboard/sidebar.cljs:456" ],
+    "translations" : {
+      "en" : "Give feedback",
+      "fr" : "Donnez votre avis",
+      "ru" : "Дать обратную связь",
+      "es" : "Danos tu opinión"
+    }
+  },
   "labels.members" : {
     "used-in" : [ "src/app/main/ui/dashboard/sidebar.cljs:299", "src/app/main/ui/dashboard/team.cljs:60", "src/app/main/ui/dashboard/team.cljs:66" ],
     "translations" : {

frontend/resources/styles/main/partials/dashboard-sidebar.scss

@@ -370,7 +370,8 @@
     display: flex;
     flex-grow: 1;
 
-    span {
+    span,
+    a {
       @include text-ellipsis;
       color: $color-black;
       margin: 10px 5px;
@@ -396,7 +397,6 @@
     left: 15px;
     bottom: 45px;
     min-width: 189px;
-    width: 170px;
 
     @include animation(0,.2s,fadeInUp);
 
@@ -412,6 +412,19 @@
         height: 12px;
         width: 12px;
       }
+
+      &.feedback {
+        border-top: 1px solid $color-gray-10;
+      }
     }
   }
 }
+
+span.primary-badge {
+  border: 1px solid $color-primary;
+  border-radius: 2px;
+  font-size: $fs9 !important;
+  font-weight: bold;
+  color: $color-primary !important;
+  padding: 2px 2px;
+}

frontend/src/app/main/ui/dashboard/sidebar.cljs

@@ -453,7 +453,11 @@
         [:span.text (t locale "labels.password")]]
        [:li {:on-click (partial on-click (da/logout))}
         [:span.icon i/exit]
-        [:span.text (t locale "labels.logout")]]]]]
+        [:span.text (t locale "labels.logout")]]
+       [:li.feedback
+        [:span.icon i/msg-info]
+        [:a.text {:href "https://github.com/penpot/penpot/discussions" :target "_blank"} (t locale "labels.feedback")]
+        [:span.primary-badge "ALPHA"]]]]]
 
      (when (and team profile)
        [:& comments-section {:profile profile