Browser: Update UI with new components and elements (#5671)

browser/app/img/icons/bucket-new.svg

@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="14px" height="15px" viewBox="0 0 14 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 48.2 (47327) - http://www.bohemiancoding.com/sketch -->
+    <title>Untitled</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <rect id="path-1" x="0" y="0" width="14" height="15"></rect>
+    </defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="bucket">
+            <g id="Mask" fill="#FFFFFF" fill-rule="nonzero">
+                <rect id="path-1" x="0" y="0" width="14" height="15"></rect>
+            </g>
+            <g id="Clipped">
+                <mask id="mask-2" fill="white">
+                    <use xlink:href="#path-1"></use>
+                </mask>
+                <g id="path-1"></g>
+                <rect id="Rectangle-path" fill="#FFC721" fill-rule="nonzero" mask="url(#mask-2)" x="1" y="10" width="12" height="4"></rect>
+            </g>
+        </g>
+    </g>
+</svg>

browser/app/img/icons/bucket.svg

@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="14px" height="15px" viewBox="0 0 14 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 48.2 (47327) - http://www.bohemiancoding.com/sketch -->
+    <title>Untitled</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <rect id="path-1" x="0" y="0" width="14" height="15"></rect>
+    </defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="bucket">
+            <g id="Mask" fill="#393939" fill-rule="nonzero">
+                <rect id="path-1" x="0" y="0" width="14" height="15"></rect>
+            </g>
+            <g id="Clipped">
+                <mask id="mask-2" fill="white">
+                    <use xlink:href="#path-1"></use>
+                </mask>
+                <g id="path-1"></g>
+                <rect id="Rectangle-path" fill="#FFFFFF" fill-rule="nonzero" mask="url(#mask-2)" x="1" y="10" width="12" height="4"></rect>
+            </g>
+        </g>
+    </g>
+</svg>

browser/app/img/icons/close-inverse.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="25px" height="25px" viewBox="0 0 25 25" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 48.2 (47327) - http://www.bohemiancoding.com/sketch -->
+    <title>Untitled 2</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <circle id="Oval" fill="#EDEDED" cx="12.5" cy="12.5" r="12.5"></circle>
+        <g transform="translate(8.000000, 8.000000)" fill="#282828" id="Fill-2">
+            <polygon points="8.29166605 1.47208304 7.52791615 0.708333171 4.49999961 3.73624971 1.47208304 0.708333171 0.708333171 1.47208304 3.73624971 4.49999961 0.708333171 7.52791615 1.47208304 8.29166605 4.49999961 5.26374946 7.52791615 8.29166605 8.29166605 7.52791615 5.26374946 4.49999961"></polygon>
+        </g>
+    </g>
+</svg>

browser/app/img/icons/close.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="25px" height="25px" viewBox="0 0 25 25" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 48.2 (47327) - http://www.bohemiancoding.com/sketch -->
+    <title>Untitled 2</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <circle id="Oval" fill-opacity="0.199999988" fill="#FFFFFF" cx="12.5" cy="12.5" r="12.5"></circle>
+        <g transform="translate(8.000000, 8.000000)" fill="#FFFFFF" id="Fill-2">
+            <polygon points="8.29166605 1.47208304 7.52791615 0.708333171 4.49999961 3.73624971 1.47208304 0.708333171 0.708333171 1.47208304 3.73624971 4.49999961 0.708333171 7.52791615 1.47208304 8.29166605 4.49999961 5.26374946 7.52791615 8.29166605 8.29166605 7.52791615 5.26374946 4.49999961"></polygon>
+        </g>
+    </g>
+</svg>

browser/app/img/icons/search.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 48.2 (47327) - http://www.bohemiancoding.com/sketch -->
+    <title>Untitled</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="ic_search_24px" fill="#000000" fill-rule="nonzero">
+            <path d="M12.5,11 L11.71,11 L11.43,10.73 C12.41,9.59 13,8.11 13,6.5 C13,2.91 10.09,0 6.5,0 C2.91,0 0,2.91 0,6.5 C0,10.09 2.91,13 6.5,13 C8.11,13 9.59,12.41 10.73,11.43 L11,11.71 L11,12.5 L16,17.49 L17.49,16 L12.5,11 Z M6.5,11 C4.01,11 2,8.99 2,6.5 C2,4.01 4.01,2 6.5,2 C8.99,2 11,4.01 11,6.5 C11,8.99 8.99,11 6.5,11 Z" id="Shape"></path>
+        </g>
+    </g>
+</svg>

browser/app/img/icons/select-caret.svg

@@ -0,0 +1,3 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid meet" width="9" height="9" viewBox="326.76441742035513 536.0133077721175 13 13"><defs><path d="M339.76 536.01L326.76 549.01L339.76 549.01L339.76 536.01Z" id="kt3PSf43ua"></path></defs><g visibility="visible"><g><use xlink:href="#kt3PSf43ua" opacity="1" fill="#dadada" fill-opacity="1"></use></g></g></svg>