added small sponsor alert to the dashboard

web-frontend/modules/core/assets/scss/components/dashboard.scss

@@ -2,6 +2,14 @@
   padding: 30px;
 }
 
+.dashboard__alert {
+  margin: 30px 30px 0 30px;
+}
+
+.dashboard__alert-button {
+  margin-top: 12px;
+}
+
 .dashboard__group {
   border: 1px solid $color-neutral-200;
   background-color: $white;

web-frontend/modules/core/pages/dashboard.vue

@@ -1,5 +1,27 @@
 <template>
   <div class="layout__col-3-scroll">
+    <div
+      class="alert alert--simple alert--warning alert--has-icon dashboard__alert"
+    >
+      <div class="alert__icon">
+        <i class="fas fa-exclamation"></i>
+      </div>
+      <div class="alert__title">We need your help!</div>
+      <p class="alert__content">
+        Do you like Baserow and where the product is headed? Do you want to see
+        new features sooner? By becoming a sponsor you will allow us to spend
+        more time on the development of Baserow which means you will get new
+        features faster. Your help is much appreciated.
+      </p>
+      <a
+        href="https://github.com/sponsors/bram2w"
+        target="_blank"
+        class="button button--primary dashboard__alert-button"
+      >
+        Become a GitHub sponsor
+        <i class="fa fa-heart"></i>
+      </a>
+    </div>
     <div v-if="groups.length === 0" class="placeholder">
       <div class="placeholder__icon">
         <i class="fas fa-layer-group"></i>