fix(android/app): Revert keyman_banner.svg

Also introduce banner.html to handle theme

android/KMAPro/kMAPro/src/main/assets/svg/banner.html

@@ -0,0 +1,10 @@
+<!-- Custom banner theme -->
+<div style="background: white; width: 100%; height: 100%; position: absolute; left: 0; top: 0">
+  <!--<div style="height: 1px; left: 0; position: absolute; top: 0; width: 100%; background: black"></div>-->
+  <img src="keyman_banner.svg" style="height:100%; background: white; display: block">
+
+  <!-- Tri-color line -->
+  <div style="height: 5%; left: 0; position: absolute; bottom: 0; width: 56%; background: #F68924"></div>
+  <div style="height: 5%; left: 56%; position: absolute; bottom: 0; width: 23%; background: #CC3846"></div>
+  <div style="height: 5%; left: 79%; position: absolute; bottom: 0; width: 21%; background: #79C3DA"></div>
+</div>

android/KMAPro/kMAPro/src/main/assets/svg/keyman_banner.svg

@@ -8,8 +8,8 @@
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    version="1.1"
-   width="100%"
-   height="auto"
+   width="1064.3625"
+   height="238.77588"
    id="svg2"
    xml:space="preserve"
    sodipodi:docname="keyman_banner.svg"
@@ -40,11 +40,12 @@
    inkscape:current-layer="svg2" />
    <rect
    width="100%"
-   height="238"
+   height="99.63298%"
+   fill="#ffffff"
    id="rect2"
    x="2"
    y="2"
-   style="fill:#ffffff;stroke-width:0.998163" />
+   style="stroke-width:0.998163" />
    <metadata
    id="metadata8"><rdf:RDF><cc:Work
        rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type