show categories filter dropdown on the browse screen

src/scripts/browse.tag

@@ -1,4 +1,9 @@
 <browse>
+  <menu
+    name="Categories"
+    items={opts.state.categories}
+  >
+  </menu>
   <div
     style={cardStyle}
     class="card content"
@@ -19,6 +24,7 @@
 
 <script type="es6">
 import './raw.tag';
+import './menu.tag';
 import route from 'riot-route';
 import { default as RiotControl } from 'riotcontrol';
 

src/scripts/menu.tag

@@ -1,6 +1,10 @@
 <menu>
   <div id="menu" class="dropdown">
-    <a href="#" class="btn btn-primary menu-button dropdown-toggle" tabindex="0">
+    <a
+      class="btn btn-primary menu-button dropdown-toggle"
+      tabindex="0"
+      onclick={preventDefault}
+    >
       { opts.name }<i class="icon icon-caret"></i>
     </a>
     <ul class="menu">
@@ -11,7 +15,7 @@
       <div each={item in opts.items} class="menu-item">
         <a
           class="btn btn-primary menu-button"
-          href="#"
+          style={styles}
         >
           { item }
         </a>
@@ -20,4 +24,14 @@
       </div>
     </ul>
   </div>
+<script>
+preventDefault(ev) {
+  ev.preventDefault;
+}
+
+this.styles = {
+  "text-transform" : "capitalize"
+};
+
+</script>
 </menu>