start moving media into separate table

zero.Web.UI/App/navigation.vue

@@ -31,7 +31,8 @@
       <ui-dropdown align="left bottom">
         <template v-slot:button>
           <button type="button" class="app-nav-account-button">
-            <img class="-image" :src="user.avatar.source" :alt="user.name" />
+            <img class="-image" v-if="user.avatar" :src="user.avatar.source" :alt="user.name" />
+            <span class="-image" v-if="!user.avatar"><i class="fth-user"></i></span>
             <p class="-text"><strong>{{user.name}}</strong><br>{{user.email}}</p>
             <i class="-arrow fth-chevron-down"></i>
           </button>

zero.Web.UI/App/pages/settings/settings.vue

@@ -36,8 +36,8 @@
       page: true,
       groups: zero.settingsAreas,
       tokens: {
-        'zero_version': '1.0.0-alpha.1',
-        'plugin_count': 7
+        'zero_version': zero.version,
+        'plugin_count': zero.pluginCount
       }
     })
   }

zero.Web.UI/App/pages/settings/user.vue

@@ -30,7 +30,7 @@
             </div>
           </ui-property>
           <ui-property label="@user.fields.avatar" description="@user.fields.avatar_text" :required="true">
-            <ui-media :config="avatarConfig" v-model="model.avatar" :disabled="disabled" />
+            <ui-media :config="avatarConfig" v-model="model.avatarId" :disabled="disabled" />
           </ui-property>
         </div>
 

zero.Web.UI/Sass/Canvas/_navigation.scss

@@ -165,7 +165,11 @@ a.app-nav-child
     width: 36px;
     border-radius: 18px;
     position: relative;
-    top: -2px;
+    top: -1px;
+    background: var(--color-bg-mid);
+    text-align: center;
+    line-height: 37px;
+    font-size: 16px;
   }
 
   .-text