feat(ui): add a login icon and button

Author: danielo515

Brocfile.js

@@ -12,7 +12,7 @@ const appRoot = "src";
 // First select all the source files and put them into trees with Funnel. 
 // We use different trees for js metadata files and saas
 const info = new Funnel(appRoot, {
-    include: ["**/*.info", '**/*.files','**/*.tid','**/*.multids'],
+    include: ["**/*.info", '**/*.files','**/*.tid','**/*.multids','**/*.svg'],
     annotation: "Metadata files",
 });
 

src/core/tiddlers/icons/tiddlywiki.files

@@ -0,0 +1,12 @@
+{
+    "tiddlers": [
+        {
+            "file": "user-circle-o.svg",
+            "fields": {
+                "type": "text/vnd.tiddlywiki",
+                "title": "$:/plugins/noteself/core/icons/user.svg",
+                "tags": "icon"
+            }
+        }
+    ]
+}

src/core/tiddlers/icons/user-circle-o.svg

@@ -1,3 +1,10 @@
 title: $:/plugins/danielo515/tiddlypouch/ui/buttons/#
 
-<$button message="tm-modal" param="login-popup">Login</$button>
+<$button message="tm-modal" param="login-popup" tooltip="Login" aria-label="login" class=<<tv-config-toolbar-class>>>
+    <$list filter="[<tv-config-toolbar-icons>prefix[yes]]">
+        {{$:/plugins/noteself/core/icons/user.svg}}
+    </$list>
+    <$list filter="[<tv-config-toolbar-text>prefix[yes]]">
+        <span class="tc-btn-text"><$text text="Login"/></span>
+    </$list>
+</$button>