dash-frontend: update donation screen, add avatars

dash-frontend/assets/gui/tab/donate.xml

@@ -1,5 +1,15 @@
 <layout>
   <include src="../t_group_box.xml" />
+
+  <!-- icon, nickname -->
+  <template name="Avatar">
+    <div flex_direction="column" gap="12" align_items="center">
+      <image src_builtin="${icon}" width="72" height="72" round="100%" position="relative">
+        <rectangle position="absolute" margin_left="-2" margin_top="-2" width="76" height="76" color="#FFFFFF" round="100%"/>
+      </image>
+      <label size="14" text="${nickname}"/>
+    </div>
+  </template>
   
   <elements>
     <div position="absolute" width="100%" height="100%" padding="4">
@@ -10,7 +20,6 @@
         <sprite color="#FFAAAA" src_builtin="dashboard/donate.svg" min_width="64" min_height="64"/>
         <label wrap="1" size="20" translation="DONATE.DESCRIPTION"/>
       </div>
-      <label weight="bold" size="24" translation="DONATE.THANK_YOU"/>
 
       <div flex_direction="column" gap="8" align_items="center" margin_top="16">
         <Button id="btn_donate" tooltip="DONATE.BUTTON_TOOLTIP" align_self="baseline">
@@ -19,6 +28,13 @@
         <label text="opencollective.com/wayvr-org" color="~color-accent"/>
       </div>
 
+      <label weight="bold" size="24" translation="DONATE.THANK_YOU"/>
+
+      <div gap="32" margin_top="16">
+        <Avatar icon="dashboard/avatars/galister.png" nickname="galister"/>
+        <Avatar icon="dashboard/avatars/oo8dev.png" nickname="oo8dev"/>
+      </div>
+  
       <!--
       <rectangle color="#FFFFFF33" width="100%" height="2"/>