diff --git a/client/images/code.svg b/client/images/code.svg
index d719140a17..709b4f4110 100644
--- a/client/images/code.svg
+++ b/client/images/code.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="16" version="1.1" viewBox="0 0 20 16"><path d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"/><path d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"/><path d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="16" version="1.1" viewBox="0 0 20 16"><path d="M13 11.5l1.5 1.5 5-5-5-5-1.5 1.5 3.5 3.5z"/><path d="M7 4.5l-1.5-1.5-5 5 5 5 1.5-1.5-3.5-3.5z"/><path d="M10.958 2.352l1.085 0.296-3 11-1.085-0.296 3-11z"/></svg>
diff --git a/client/images/console-debug-dark.svg b/client/images/console-debug-dark.svg
index c48d378506..be02697404 100644
--- a/client/images/console-debug-dark.svg
+++ b/client/images/console-debug-dark.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" id="svg4" width="100%" height="100%" version="1.1" viewBox="0 0 24 24"><metadata id="metadata10"/><path id="path2" fill="#0c99e2" d="M14,12H10V10H14M14,16H10V14H14M20,8H17.19C16.74,7.22 16.12,6.55 15.37,6.04L17,4.41L15.59,3L13.42,5.17C12.96,5.06 12.5,5 12,5C11.5,5 11.04,5.06 10.59,5.17L8.41,3L7,4.41L8.62,6.04C7.88,6.55 7.26,7.22 6.81,8H4V10H6.09C6.04,10.33 6,10.66 6,11V12H4V14H6V15C6,15.34 6.04,15.67 6.09,16H4V18H6.81C7.85,19.79 9.78,21 12,21C14.22,21 16.15,19.79 17.19,18H20V16H17.91C17.96,15.67 18,15.34 18,15V14H20V12H18V11C18,10.66 17.96,10.33 17.91,10H20V8Z"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" id="svg4" width="100%" height="100%" version="1.1" viewBox="0 0 24 24"><metadata id="metadata10"/><path id="path2" fill="#0c99e2" d="M14,12H10V10H14M14,16H10V14H14M20,8H17.19C16.74,7.22 16.12,6.55 15.37,6.04L17,4.41L15.59,3L13.42,5.17C12.96,5.06 12.5,5 12,5C11.5,5 11.04,5.06 10.59,5.17L8.41,3L7,4.41L8.62,6.04C7.88,6.55 7.26,7.22 6.81,8H4V10H6.09C6.04,10.33 6,10.66 6,11V12H4V14H6V15C6,15.34 6.04,15.67 6.09,16H4V18H6.81C7.85,19.79 9.78,21 12,21C14.22,21 16.15,19.79 17.19,18H20V16H17.91C17.96,15.67 18,15.34 18,15V14H20V12H18V11C18,10.66 17.96,10.33 17.91,10H20V8Z"/></svg>
diff --git a/client/images/console-debug-light.svg b/client/images/console-debug-light.svg
index d27a8fc9af..042a5cef96 100644
--- a/client/images/console-debug-light.svg
+++ b/client/images/console-debug-light.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" id="svg4" width="100%" height="100%" version="1.1" viewBox="0 0 24 24"><metadata id="metadata10"/><path id="path2" fill="#007BBB" d="M14,12H10V10H14M14,16H10V14H14M20,8H17.19C16.74,7.22 16.12,6.55 15.37,6.04L17,4.41L15.59,3L13.42,5.17C12.96,5.06 12.5,5 12,5C11.5,5 11.04,5.06 10.59,5.17L8.41,3L7,4.41L8.62,6.04C7.88,6.55 7.26,7.22 6.81,8H4V10H6.09C6.04,10.33 6,10.66 6,11V12H4V14H6V15C6,15.34 6.04,15.67 6.09,16H4V18H6.81C7.85,19.79 9.78,21 12,21C14.22,21 16.15,19.79 17.19,18H20V16H17.91C17.96,15.67 18,15.34 18,15V14H20V12H18V11C18,10.66 17.96,10.33 17.91,10H20V8Z"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" id="svg4" width="100%" height="100%" version="1.1" viewBox="0 0 24 24"><metadata id="metadata10"/><path id="path2" fill="#007BBB" d="M14,12H10V10H14M14,16H10V14H14M20,8H17.19C16.74,7.22 16.12,6.55 15.37,6.04L17,4.41L15.59,3L13.42,5.17C12.96,5.06 12.5,5 12,5C11.5,5 11.04,5.06 10.59,5.17L8.41,3L7,4.41L8.62,6.04C7.88,6.55 7.26,7.22 6.81,8H4V10H6.09C6.04,10.33 6,10.66 6,11V12H4V14H6V15C6,15.34 6.04,15.67 6.09,16H4V18H6.81C7.85,19.79 9.78,21 12,21C14.22,21 16.15,19.79 17.19,18H20V16H17.91C17.96,15.67 18,15.34 18,15V14H20V12H18V11C18,10.66 17.96,10.33 17.91,10H20V8Z"/></svg>
diff --git a/client/images/console-error-dark.svg b/client/images/console-error-dark.svg
index a03f65581b..0d8045843c 100644
--- a/client/images/console-error-dark.svg
+++ b/client/images/console-error-dark.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" id="svg4" width="100%" height="100%" version="1.1" viewBox="0 0 24 24"><metadata id="metadata10"/><path id="path2" fill="#df3a3d" d="M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" id="svg4" width="100%" height="100%" version="1.1" viewBox="0 0 24 24"><metadata id="metadata10"/><path id="path2" fill="#df3a3d" d="M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z"/></svg>
diff --git a/client/images/console-error-light.svg b/client/images/console-error-light.svg
index 9473b60fb2..131acc01ef 100644
--- a/client/images/console-error-light.svg
+++ b/client/images/console-error-light.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" id="svg4" width="100%" height="100%" version="1.1" viewBox="0 0 24 24"><metadata id="metadata10"/><path id="path2" fill="#D11518" d="M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" id="svg4" width="100%" height="100%" version="1.1" viewBox="0 0 24 24"><metadata id="metadata10"/><path id="path2" fill="#D11518" d="M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z"/></svg>
diff --git a/client/images/console-info-dark.svg b/client/images/console-info-dark.svg
index 49aa6c2b23..b5e924b427 100644
--- a/client/images/console-info-dark.svg
+++ b/client/images/console-info-dark.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" id="svg4" width="100%" height="100%" version="1.1" viewBox="0 0 24 24"><metadata id="metadata10"/><path id="path2" fill="#a3a3a3" d="M13,9H11V7H13M13,17H11V11H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" id="svg4" width="100%" height="100%" version="1.1" viewBox="0 0 24 24"><metadata id="metadata10"/><path id="path2" fill="#a3a3a3" d="M13,9H11V7H13M13,17H11V11H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z"/></svg>
diff --git a/client/images/console-info-light.svg b/client/images/console-info-light.svg
index 902f37f556..5e9486b8f8 100644
--- a/client/images/console-info-light.svg
+++ b/client/images/console-info-light.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" id="svg4" width="100%" height="100%" version="1.1" viewBox="0 0 24 24"><metadata id="metadata10"/><path id="path2" fill="#7D7D7D" d="M13,9H11V7H13M13,17H11V11H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" id="svg4" width="100%" height="100%" version="1.1" viewBox="0 0 24 24"><metadata id="metadata10"/><path id="path2" fill="#7D7D7D" d="M13,9H11V7H13M13,17H11V11H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z"/></svg>
diff --git a/client/images/console-warn-dark.svg b/client/images/console-warn-dark.svg
index c2b67cf09a..d694c454bc 100644
--- a/client/images/console-warn-dark.svg
+++ b/client/images/console-warn-dark.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" id="svg4" width="100%" height="100%" version="1.1" viewBox="0 0 24 24"><metadata id="metadata10"/><path id="path2" fill="#f5bc38" d="M13,14H11V10H13M13,18H11V16H13M1,21H23L12,2L1,21Z"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" id="svg4" width="100%" height="100%" version="1.1" viewBox="0 0 24 24"><metadata id="metadata10"/><path id="path2" fill="#f5bc38" d="M13,14H11V10H13M13,18H11V16H13M1,21H23L12,2L1,21Z"/></svg>
diff --git a/client/images/console-warn-light.svg b/client/images/console-warn-light.svg
index 9940e106b1..c4565224ef 100644
--- a/client/images/console-warn-light.svg
+++ b/client/images/console-warn-light.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" id="svg4" width="100%" height="100%" version="1.1" viewBox="0 0 24 24"><metadata id="metadata10"/><path id="path2" fill="#FAAF00" d="M13,14H11V10H13M13,18H11V16H13M1,21H23L12,2L1,21Z"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" id="svg4" width="100%" height="100%" version="1.1" viewBox="0 0 24 24"><metadata id="metadata10"/><path id="path2" fill="#FAAF00" d="M13,14H11V10H13M13,18H11V16H13M1,21H23L12,2L1,21Z"/></svg>
diff --git a/client/images/down-arrow-white.svg b/client/images/down-arrow-white.svg
index c5792e66d9..588b77d0db 100644
--- a/client/images/down-arrow-white.svg
+++ b/client/images/down-arrow-white.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14" height="9" version="1.1" viewBox="0 0 14 9"><title>arrow-shape-copy-2</title><desc>Created with Sketch.</desc><g id="Page-1" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1" opacity=".54"><g id="down-arrow" fill="#FFF" fill-rule="nonzero"><g id="IDEs"><g id="p5js-IDE-styles-foundation-pt-2"><g id="Icons"><polygon id="arrow-shape-copy-2" points="8.4 1.397 14 6.997 12.6 8.397 7 2.797 1.4 8.397 0 6.997 5.6 1.397 6.997 0" transform="translate(7.000000, 4.198314) rotate(-180.000000) translate(-7.000000, -4.198314)"/></g></g></g></g></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14" height="9" version="1.1" viewBox="0 0 14 9"><title>arrow-shape-copy-2</title><desc>Created with Sketch.</desc><g id="Page-1" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1" opacity=".54"><g id="down-arrow" fill="#FFF" fill-rule="nonzero"><g id="IDEs"><g id="p5js-IDE-styles-foundation-pt-2"><g id="Icons"><polygon id="arrow-shape-copy-2" points="8.4 1.397 14 6.997 12.6 8.397 7 2.797 1.4 8.397 0 6.997 5.6 1.397 6.997 0" transform="translate(7.000000, 4.198314) rotate(-180.000000) translate(-7.000000, -4.198314)"/></g></g></g></g></g></svg>
diff --git a/client/images/down-arrow.svg b/client/images/down-arrow.svg
index c90261e167..5e42ff16cc 100644
--- a/client/images/down-arrow.svg
+++ b/client/images/down-arrow.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14" height="9" version="1.1" viewBox="0 0 14 9"><title>arrow shape copy 2</title><g id="IDEs" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1" opacity=".54"><g id="p5js-IDE-styles-foundation-pt-2" fill="#333" transform="translate(-425.000000, -1168.000000)"><g id="Icons" transform="translate(16.000000, 1063.000000)"><polygon id="arrow-shape-copy-2" points="417.4 106.397 423 111.997 421.6 113.397 416 107.797 410.4 113.397 409 111.997 414.6 106.397 415.997 105" transform="translate(416.000000, 109.198314) rotate(-180.000000) translate(-416.000000, -109.198314)"/></g></g></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14" height="9" version="1.1" viewBox="0 0 14 9"><title>arrow shape copy 2</title><g id="IDEs" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1" opacity=".54"><g id="p5js-IDE-styles-foundation-pt-2" fill="#333" transform="translate(-425.000000, -1168.000000)"><g id="Icons" transform="translate(16.000000, 1063.000000)"><polygon id="arrow-shape-copy-2" points="417.4 106.397 423 111.997 421.6 113.397 416 107.797 410.4 113.397 409 111.997 414.6 106.397 415.997 105" transform="translate(416.000000, 109.198314) rotate(-180.000000) translate(-416.000000, -109.198314)"/></g></g></g></svg>
diff --git a/client/images/down-filled-triangle.svg b/client/images/down-filled-triangle.svg
index c528ca1dba..114be0ce63 100644
--- a/client/images/down-filled-triangle.svg
+++ b/client/images/down-filled-triangle.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="9" height="6" version="1.1" viewBox="0 0 9 6"><title>Triangle</title><desc>Created with Sketch.</desc><g id="Page-1" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><polygon id="Triangle" fill="#B5B5B5" points="4.5 0 9 6 0 6" transform="translate(4.500000, 3.000000) rotate(180.000000) translate(-4.500000, -3.000000)"/></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="9" height="6" version="1.1" viewBox="0 0 9 6"><title>Triangle</title><desc>Created with Sketch.</desc><g id="Page-1" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><polygon id="Triangle" fill="#B5B5B5" points="4.5 0 9 6 0 6" transform="translate(4.500000, 3.000000) rotate(180.000000) translate(-4.500000, -3.000000)"/></g></svg>
diff --git a/client/images/exit.svg b/client/images/exit.svg
index 0a17dd25bf..896b776b6a 100644
--- a/client/images/exit.svg
+++ b/client/images/exit.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" version="1.1" viewBox="0 0 16 16"><title>Exit</title><g id="exit" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="Artboard-1" fill="#D8D8D8"><path id="exit" d="M8,5.87867966 L2.69669914,0.575378798 L0.575378798,2.69669914 L5.87867966,8 L0.575378798,13.3033009 L2.69669914,15.4246212 L8,10.1213203 L13.3033009,15.4246212 L15.4246212,13.3033009 L10.1213203,8 L15.4246212,2.69669914 L13.3033009,0.575378798 L8,5.87867966 Z"/></g></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" version="1.1" viewBox="0 0 16 16"><title>Exit</title><g id="exit" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="Artboard-1" fill="#D8D8D8"><path id="exit" d="M8,5.87867966 L2.69669914,0.575378798 L0.575378798,2.69669914 L5.87867966,8 L0.575378798,13.3033009 L2.69669914,15.4246212 L8,10.1213203 L13.3033009,15.4246212 L15.4246212,13.3033009 L10.1213203,8 L15.4246212,2.69669914 L13.3033009,0.575378798 L8,5.87867966 Z"/></g></g></svg>
diff --git a/client/images/file.svg b/client/images/file.svg
index b72efb12ed..0479ae2783 100644
--- a/client/images/file.svg
+++ b/client/images/file.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="11" height="12" version="1.1" viewBox="0 0 7 8"><title>&quot;K&quot; file icon Copy</title><desc>Created with Sketch.</desc><g id="Symbols" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="environment" fill="#B5B5B5" transform="translate(-25.000000, -103.000000)"><g id="&quot;K&quot;-file-icon-Copy-+-styles.css" transform="translate(25.000000, 94.000000)"><path id="&quot;K&quot;-file-icon-Copy" d="M0.2,9.704 L0.2,17 L6.188,17 L6.188,11.72 L4.22,9.704 L0.2,9.704 Z M1.064,10.568 L3.104,10.568 C3.5,10.568 3.776,10.832 3.776,11.12 L3.776,12.008 L4.952,12.008 C5.192,12.008 5.324,12.044 5.324,12.332 L5.324,16.136 L1.064,16.136 L1.064,10.568 Z M1.892,13.316 L4.58,13.316 L4.58,12.992 L1.892,12.992 L1.892,13.316 Z M1.892,14.276 L4.58,14.276 L4.58,13.952 L1.892,13.952 L1.892,14.276 Z M1.892,15.236 L4.58,15.236 L4.58,14.912 L1.892,14.912 L1.892,15.236 Z"/></g></g></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="11" height="12" version="1.1" viewBox="0 0 7 8"><title>&quot;K&quot; file icon Copy</title><desc>Created with Sketch.</desc><g id="Symbols" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="environment" fill="#B5B5B5" transform="translate(-25.000000, -103.000000)"><g id="&quot;K&quot;-file-icon-Copy-+-styles.css" transform="translate(25.000000, 94.000000)"><path id="&quot;K&quot;-file-icon-Copy" d="M0.2,9.704 L0.2,17 L6.188,17 L6.188,11.72 L4.22,9.704 L0.2,9.704 Z M1.064,10.568 L3.104,10.568 C3.5,10.568 3.776,10.832 3.776,11.12 L3.776,12.008 L4.952,12.008 C5.192,12.008 5.324,12.044 5.324,12.332 L5.324,16.136 L1.064,16.136 L1.064,10.568 Z M1.892,13.316 L4.58,13.316 L4.58,12.992 L1.892,12.992 L1.892,13.316 Z M1.892,14.276 L4.58,14.276 L4.58,13.952 L1.892,13.952 L1.892,14.276 Z M1.892,15.236 L4.58,15.236 L4.58,14.912 L1.892,14.912 L1.892,15.236 Z"/></g></g></g></svg>
diff --git a/client/images/folder.svg b/client/images/folder.svg
index 7ff334aa53..0a454036ab 100644
--- a/client/images/folder.svg
+++ b/client/images/folder.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12" height="11" version="1.1" viewBox="0 0 9 8"><title>&quot;.&quot; project folder</title><desc>Created with Sketch.</desc><g id="Symbols" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="environment" fill="#B5B5B5" transform="translate(-11.000000, -13.000000)"><path id="&quot;.&quot;-project-folder" d="M15.628,14.604 C15.628,14.604 15.628,13.848 15.016,13.848 L12.88,13.848 C12.256,13.848 12.256,14.604 12.256,14.604 L15.628,14.604 Z M18.964,15.036 L11.932,15.036 C11.524,15.036 11.2,15.36 11.2,15.768 L11.2,20.616 C11.2,20.82 11.356,20.988 11.56,20.988 L19.336,20.988 C19.54,20.988 19.708,20.82 19.708,20.616 L19.708,15.768 C19.708,15.36 19.372,15.036 18.964,15.036 L18.964,15.036 Z"/></g></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12" height="11" version="1.1" viewBox="0 0 9 8"><title>&quot;.&quot; project folder</title><desc>Created with Sketch.</desc><g id="Symbols" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="environment" fill="#B5B5B5" transform="translate(-11.000000, -13.000000)"><path id="&quot;.&quot;-project-folder" d="M15.628,14.604 C15.628,14.604 15.628,13.848 15.016,13.848 L12.88,13.848 C12.256,13.848 12.256,14.604 12.256,14.604 L15.628,14.604 Z M18.964,15.036 L11.932,15.036 C11.524,15.036 11.2,15.36 11.2,15.768 L11.2,20.616 C11.2,20.82 11.356,20.988 11.56,20.988 L19.336,20.988 C19.54,20.988 19.708,20.82 19.708,20.616 L19.708,15.768 C19.708,15.36 19.372,15.036 18.964,15.036 L18.964,15.036 Z"/></g></g></svg>
diff --git a/client/images/github.svg b/client/images/github.svg
index c840c0de6c..70dee10215 100755
--- a/client/images/github.svg
+++ b/client/images/github.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32" version="1.1" viewBox="0 0 32 32"><path d="M16 0.395c-8.836 0-16 7.163-16 16 0 7.069 4.585 13.067 10.942 15.182 0.8 0.148 1.094-0.347 1.094-0.77 0-0.381-0.015-1.642-0.022-2.979-4.452 0.968-5.391-1.888-5.391-1.888-0.728-1.849-1.776-2.341-1.776-2.341-1.452-0.993 0.11-0.973 0.11-0.973 1.606 0.113 2.452 1.649 2.452 1.649 1.427 2.446 3.743 1.739 4.656 1.33 0.143-1.034 0.558-1.74 1.016-2.14-3.554-0.404-7.29-1.777-7.29-7.907 0-1.747 0.625-3.174 1.649-4.295-0.166-0.403-0.714-2.030 0.155-4.234 0 0 1.344-0.43 4.401 1.64 1.276-0.355 2.645-0.532 4.005-0.539 1.359 0.006 2.729 0.184 4.008 0.539 3.054-2.070 4.395-1.64 4.395-1.64 0.871 2.204 0.323 3.831 0.157 4.234 1.026 1.12 1.647 2.548 1.647 4.295 0 6.145-3.743 7.498-7.306 7.895 0.574 0.497 1.085 1.47 1.085 2.963 0 2.141-0.019 3.864-0.019 4.391 0 0.426 0.288 0.925 1.099 0.768 6.354-2.118 10.933-8.113 10.933-15.18 0-8.837-7.164-16-16-16z"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32" version="1.1" viewBox="0 0 32 32"><path d="M16 0.395c-8.836 0-16 7.163-16 16 0 7.069 4.585 13.067 10.942 15.182 0.8 0.148 1.094-0.347 1.094-0.77 0-0.381-0.015-1.642-0.022-2.979-4.452 0.968-5.391-1.888-5.391-1.888-0.728-1.849-1.776-2.341-1.776-2.341-1.452-0.993 0.11-0.973 0.11-0.973 1.606 0.113 2.452 1.649 2.452 1.649 1.427 2.446 3.743 1.739 4.656 1.33 0.143-1.034 0.558-1.74 1.016-2.14-3.554-0.404-7.29-1.777-7.29-7.907 0-1.747 0.625-3.174 1.649-4.295-0.166-0.403-0.714-2.030 0.155-4.234 0 0 1.344-0.43 4.401 1.64 1.276-0.355 2.645-0.532 4.005-0.539 1.359 0.006 2.729 0.184 4.008 0.539 3.054-2.070 4.395-1.64 4.395-1.64 0.871 2.204 0.323 3.831 0.157 4.234 1.026 1.12 1.647 2.548 1.647 4.295 0 6.145-3.743 7.498-7.306 7.895 0.574 0.497 1.085 1.47 1.085 2.963 0 2.141-0.019 3.864-0.019 4.391 0 0.426 0.288 0.925 1.099 0.768 6.354-2.118 10.933-8.113 10.933-15.18 0-8.837-7.164-16-16-16z"/></svg>
diff --git a/client/images/google.svg b/client/images/google.svg
index 7d17fea03a..cb650414f0 100644
--- a/client/images/google.svg
+++ b/client/images/google.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Layer_1" x="0" y="0" version="1.1" viewBox="0 0 512 512" xml:space="preserve" style="enable-background:new 0 0 512 512"><path style="fill:#fbbb00" d="M113.47,309.408L95.648,375.94l-65.139,1.378C11.042,341.211,0,299.9,0,256	c0-42.451,10.324-82.483,28.624-117.732h0.014l57.992,10.632l25.404,57.644c-5.317,15.501-8.215,32.141-8.215,49.456	C103.821,274.792,107.225,292.797,113.47,309.408z"/><path style="fill:#518ef8" d="M507.527,208.176C510.467,223.662,512,239.655,512,256c0,18.328-1.927,36.206-5.598,53.451	c-12.462,58.683-45.025,109.925-90.134,146.187l-0.014-0.014l-73.044-3.727l-10.338-64.535	c29.932-17.554,53.324-45.025,65.646-77.911h-136.89V208.176h138.887L507.527,208.176L507.527,208.176z"/><path style="fill:#28b446" d="M416.253,455.624l0.014,0.014C372.396,490.901,316.666,512,256,512	c-97.491,0-182.252-54.491-225.491-134.681l82.961-67.91c21.619,57.698,77.278,98.771,142.53,98.771	c28.047,0,54.323-7.582,76.87-20.818L416.253,455.624z"/><path style="fill:#f14336" d="M419.404,58.936l-82.933,67.896c-23.335-14.586-50.919-23.012-80.471-23.012	c-66.729,0-123.429,42.957-143.965,102.724l-83.397-68.276h-0.014C71.23,56.123,157.06,0,256,0	C318.115,0,375.068,22.126,419.404,58.936z"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Layer_1" x="0" y="0" version="1.1" viewBox="0 0 512 512" xml:space="preserve" style="enable-background:new 0 0 512 512"><path style="fill:#fbbb00" d="M113.47,309.408L95.648,375.94l-65.139,1.378C11.042,341.211,0,299.9,0,256	c0-42.451,10.324-82.483,28.624-117.732h0.014l57.992,10.632l25.404,57.644c-5.317,15.501-8.215,32.141-8.215,49.456	C103.821,274.792,107.225,292.797,113.47,309.408z"/><path style="fill:#518ef8" d="M507.527,208.176C510.467,223.662,512,239.655,512,256c0,18.328-1.927,36.206-5.598,53.451	c-12.462,58.683-45.025,109.925-90.134,146.187l-0.014-0.014l-73.044-3.727l-10.338-64.535	c29.932-17.554,53.324-45.025,65.646-77.911h-136.89V208.176h138.887L507.527,208.176L507.527,208.176z"/><path style="fill:#28b446" d="M416.253,455.624l0.014,0.014C372.396,490.901,316.666,512,256,512	c-97.491,0-182.252-54.491-225.491-134.681l82.961-67.91c21.619,57.698,77.278,98.771,142.53,98.771	c28.047,0,54.323-7.582,76.87-20.818L416.253,455.624z"/><path style="fill:#f14336" d="M419.404,58.936l-82.933,67.896c-23.335-14.586-50.919-23.012-80.471-23.012	c-66.729,0-123.429,42.957-143.965,102.724l-83.397-68.276h-0.014C71.23,56.123,157.06,0,256,0	C318.115,0,375.068,22.126,419.404,58.936z"/></svg>
diff --git a/client/images/help.svg b/client/images/help.svg
index 06e5e8ab39..71556fd847 100644
--- a/client/images/help.svg
+++ b/client/images/help.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"><g id="Page-1" fill="none" fill-rule="evenodd"><g id="Group" fill="#3B3B3B"><path id="Combined-Shape" d="M14,28 C6.2680135,28 0,21.7319865 0,14 C0,6.2680135 6.2680135,0 14,0 C21.7319865,0 28,6.2680135 28,14 C28,21.7319865 21.7319865,28 14,28 Z M11.9785156,18.0493164 L13.675293,18.0493164 L13.675293,17.8295898 C13.675293,17.4715151 13.7037758,17.1582045 13.7607422,16.8896484 C13.8177086,16.6210924 13.9235018,16.3586439 14.078125,16.1022949 C14.2327482,15.845946 14.4443346,15.581463 14.7128906,15.3088379 C14.9814467,15.0362128 15.3273091,14.7167987 15.7504883,14.3505859 C16.1899436,13.968097 16.5724268,13.6059587 16.8979492,13.2641602 C17.2234717,12.9223616 17.4960927,12.5683612 17.7158203,12.2021484 C17.935548,11.8359357 18.1003412,11.4392111 18.2102051,11.0119629 C18.3200689,10.5847147 18.375,10.0984728 18.375,9.55322266 C18.375,8.8452113 18.2610688,8.20841754 18.0332031,7.64282227 C17.8053374,7.07722699 17.4798198,6.59912305 17.0566406,6.20849609 C16.6334614,5.81786914 16.1187368,5.51879987 15.5124512,5.3112793 C14.9061656,5.10375873 14.2246132,5 13.4677734,5 C12.6783815,5 11.9012083,5.12003461 11.1362305,5.36010742 C10.3712527,5.60018024 9.65918298,5.89111157 9,6.23291016 L9.76904297,8.00292969 C10.3387073,7.7262356 10.9287079,7.48209741 11.5390625,7.27050781 C12.1494171,7.05891821 12.7923143,6.953125 13.4677734,6.953125 C13.9235049,6.953125 14.3242984,7.01619403 14.670166,7.14233398 C15.0160336,7.26847394 15.3049305,7.44750861 15.5368652,7.67944336 C15.7688,7.91137811 15.9458002,8.18806805 16.0678711,8.50952148 C16.189942,8.83097491 16.2509766,9.18700977 16.2509766,9.57763672 C16.2509766,10.008954 16.2082524,10.3853337 16.1228027,10.7067871 C16.0373531,11.0282405 15.9071461,11.3293443 15.7321777,11.6101074 C15.5572094,11.8908705 15.3313816,12.1675605 15.0546875,12.4401855 C14.7779934,12.7128106 14.4443379,13.0159489 14.0537109,13.3496094 C13.6468079,13.691408 13.3090834,14.01896 13.0405273,14.3322754 C12.7719713,14.6455908 12.5583504,14.9650049 12.3996582,15.2905273 C12.240966,15.6160498 12.1311038,15.9659812 12.0700684,16.340332 C12.0090329,16.7146829 11.9785156,17.1337867 11.9785156,17.5976562 L11.9785156,18.0493164 Z M11.3925781,21.7480469 C11.3925781,22.0491552 11.4332678,22.3075347 11.5146484,22.5231934 C11.5960291,22.738852 11.7058912,22.9158522 11.8442383,23.0541992 C11.9825853,23.1925463 12.1453441,23.2942705 12.3325195,23.359375 C12.5196949,23.4244795 12.7231434,23.4570312 12.9428711,23.4570312 C13.1544607,23.4570312 13.3558747,23.4244795 13.5471191,23.359375 C13.7383636,23.2942705 13.9031569,23.1925463 14.0415039,23.0541992 C14.179851,22.9158522 14.2897131,22.738852 14.3710938,22.5231934 C14.4524744,22.3075347 14.4931641,22.0491552 14.4931641,21.7480469 C14.4931641,21.4388005 14.4524744,21.176352 14.3710938,20.9606934 C14.2897131,20.7450347 14.179851,20.570069 14.0415039,20.435791 C13.9031569,20.301513 13.7383636,20.2038577 13.5471191,20.1428223 C13.3558747,20.0817868 13.1544607,20.0512695 12.9428711,20.0512695 C12.7231434,20.0512695 12.5196949,20.0817868 12.3325195,20.1428223 C12.1453441,20.2038577 11.9825853,20.301513 11.8442383,20.435791 C11.7058912,20.570069 11.5960291,20.7450347 11.5146484,20.9606934 C11.4332678,21.176352 11.3925781,21.4388005 11.3925781,21.7480469 Z"/></g></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"><g id="Page-1" fill="none" fill-rule="evenodd"><g id="Group" fill="#3B3B3B"><path id="Combined-Shape" d="M14,28 C6.2680135,28 0,21.7319865 0,14 C0,6.2680135 6.2680135,0 14,0 C21.7319865,0 28,6.2680135 28,14 C28,21.7319865 21.7319865,28 14,28 Z M11.9785156,18.0493164 L13.675293,18.0493164 L13.675293,17.8295898 C13.675293,17.4715151 13.7037758,17.1582045 13.7607422,16.8896484 C13.8177086,16.6210924 13.9235018,16.3586439 14.078125,16.1022949 C14.2327482,15.845946 14.4443346,15.581463 14.7128906,15.3088379 C14.9814467,15.0362128 15.3273091,14.7167987 15.7504883,14.3505859 C16.1899436,13.968097 16.5724268,13.6059587 16.8979492,13.2641602 C17.2234717,12.9223616 17.4960927,12.5683612 17.7158203,12.2021484 C17.935548,11.8359357 18.1003412,11.4392111 18.2102051,11.0119629 C18.3200689,10.5847147 18.375,10.0984728 18.375,9.55322266 C18.375,8.8452113 18.2610688,8.20841754 18.0332031,7.64282227 C17.8053374,7.07722699 17.4798198,6.59912305 17.0566406,6.20849609 C16.6334614,5.81786914 16.1187368,5.51879987 15.5124512,5.3112793 C14.9061656,5.10375873 14.2246132,5 13.4677734,5 C12.6783815,5 11.9012083,5.12003461 11.1362305,5.36010742 C10.3712527,5.60018024 9.65918298,5.89111157 9,6.23291016 L9.76904297,8.00292969 C10.3387073,7.7262356 10.9287079,7.48209741 11.5390625,7.27050781 C12.1494171,7.05891821 12.7923143,6.953125 13.4677734,6.953125 C13.9235049,6.953125 14.3242984,7.01619403 14.670166,7.14233398 C15.0160336,7.26847394 15.3049305,7.44750861 15.5368652,7.67944336 C15.7688,7.91137811 15.9458002,8.18806805 16.0678711,8.50952148 C16.189942,8.83097491 16.2509766,9.18700977 16.2509766,9.57763672 C16.2509766,10.008954 16.2082524,10.3853337 16.1228027,10.7067871 C16.0373531,11.0282405 15.9071461,11.3293443 15.7321777,11.6101074 C15.5572094,11.8908705 15.3313816,12.1675605 15.0546875,12.4401855 C14.7779934,12.7128106 14.4443379,13.0159489 14.0537109,13.3496094 C13.6468079,13.691408 13.3090834,14.01896 13.0405273,14.3322754 C12.7719713,14.6455908 12.5583504,14.9650049 12.3996582,15.2905273 C12.240966,15.6160498 12.1311038,15.9659812 12.0700684,16.340332 C12.0090329,16.7146829 11.9785156,17.1337867 11.9785156,17.5976562 L11.9785156,18.0493164 Z M11.3925781,21.7480469 C11.3925781,22.0491552 11.4332678,22.3075347 11.5146484,22.5231934 C11.5960291,22.738852 11.7058912,22.9158522 11.8442383,23.0541992 C11.9825853,23.1925463 12.1453441,23.2942705 12.3325195,23.359375 C12.5196949,23.4244795 12.7231434,23.4570312 12.9428711,23.4570312 C13.1544607,23.4570312 13.3558747,23.4244795 13.5471191,23.359375 C13.7383636,23.2942705 13.9031569,23.1925463 14.0415039,23.0541992 C14.179851,22.9158522 14.2897131,22.738852 14.3710938,22.5231934 C14.4524744,22.3075347 14.4931641,22.0491552 14.4931641,21.7480469 C14.4931641,21.4388005 14.4524744,21.176352 14.3710938,20.9606934 C14.2897131,20.7450347 14.179851,20.570069 14.0415039,20.435791 C13.9031569,20.301513 13.7383636,20.2038577 13.5471191,20.1428223 C13.3558747,20.0817868 13.1544607,20.0512695 12.9428711,20.0512695 C12.7231434,20.0512695 12.5196949,20.0817868 12.3325195,20.1428223 C12.1453441,20.2038577 11.9825853,20.301513 11.8442383,20.435791 C11.7058912,20.570069 11.5960291,20.7450347 11.5146484,20.9606934 C11.4332678,21.176352 11.3925781,21.4388005 11.3925781,21.7480469 Z"/></g></g></svg>
diff --git a/client/images/information.svg b/client/images/information.svg
index 33cca9daa5..bacbc9dad0 100644
--- a/client/images/information.svg
+++ b/client/images/information.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Layer_1" width="100" height="100" x="0" y="0" enable-background="new 0 0 100 100" version="1.0" viewBox="0 0 100 100" xml:space="preserve"><g><path d="M76.002,52.608c0,14.32-11.681,26.001-26.001,26.001c-14.4,0-26-11.681-26-26.001c0-14.4,11.6-26,26-26 C64.321,26.608,76.002,38.208,76.002,52.608z M54.641,39.168c0-2.48-2-4.48-4.56-4.48c-2.56,0-4.56,2-4.56,4.48 c0,2.56,2,4.64,4.56,4.64C52.641,43.808,54.641,41.808,54.641,39.168z M54.001,45.968h-7.76v22.481h7.76V45.968z"/></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Layer_1" width="100" height="100" x="0" y="0" enable-background="new 0 0 100 100" version="1.0" viewBox="0 0 100 100" xml:space="preserve"><g><path d="M76.002,52.608c0,14.32-11.681,26.001-26.001,26.001c-14.4,0-26-11.681-26-26.001c0-14.4,11.6-26,26-26 C64.321,26.608,76.002,38.208,76.002,52.608z M54.641,39.168c0-2.48-2-4.48-4.56-4.48c-2.56,0-4.56,2-4.56,4.48 c0,2.56,2,4.64,4.56,4.64C52.641,43.808,54.641,41.808,54.641,39.168z M54.001,45.968h-7.76v22.481h7.76V45.968z"/></g></svg>
diff --git a/client/images/left-arrow.svg b/client/images/left-arrow.svg
index b9c689d5ed..279a76a85c 100644
--- a/client/images/left-arrow.svg
+++ b/client/images/left-arrow.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="15" version="1.1" viewBox="0 0 10 15"><title>arrow shape copy</title><g id="IDEs" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1" opacity=".54"><g id="p5js-IDE-styles-foundation-pt-2" fill="#333" transform="translate(-529.000000, -1165.000000)"><polygon id="arrow-shape-copy" points="535.4 1169.397 541 1174.997 539.6 1176.397 534 1170.797 528.4 1176.397 527 1174.997 532.6 1169.397 533.997 1168" transform="translate(534.000000, 1172.198314) rotate(-90.000000) translate(-534.000000, -1172.198314)"/></g></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="15" version="1.1" viewBox="0 0 10 15"><title>arrow shape copy</title><g id="IDEs" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1" opacity=".54"><g id="p5js-IDE-styles-foundation-pt-2" fill="#333" transform="translate(-529.000000, -1165.000000)"><polygon id="arrow-shape-copy" points="535.4 1169.397 541 1174.997 539.6 1176.397 534 1170.797 528.4 1176.397 527 1174.997 532.6 1169.397 533.997 1168" transform="translate(534.000000, 1172.198314) rotate(-90.000000) translate(-534.000000, -1172.198314)"/></g></g></svg>
diff --git a/client/images/magnifyingglass.svg b/client/images/magnifyingglass.svg
index 0d0d988dc1..d70b8a483c 100644
--- a/client/images/magnifyingglass.svg
+++ b/client/images/magnifyingglass.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Layer_1" width="100" height="100" x="0" y="0" enable-background="new 0 0 100 100" version="1.0" viewBox="0 0 100 100" xml:space="preserve"><g><path d="M57.281,62.129c-4.16,0.4-8.32-0.721-11.92-3.2l-2.56,8.24l-8.24,9.841c-0.72,0.879-1.76,1.119-2.8,1.199 c-2.56,0.24-4.96-1.92-5.2-4.4c-0.08-1.039,0.08-2.16,0.72-2.959l8.16-9.841l7.76-4c-3.12-3.04-4.88-7.121-5.28-11.201 c-0.8-9.68,6.64-18.32,16.24-19.2c9.601-0.8,18.4,6.56,19.28,16.16c0.4,4.64-0.88,9.281-4,13.041 C66.242,59.568,61.842,61.729,57.281,62.129z M56.722,55.328c5.84-0.56,10.4-5.92,9.84-12c-0.479-5.84-6-10.4-11.76-9.84 c-6,0.48-10.48,5.92-10,11.76c0.24,2.88,1.52,5.6,3.84,7.52C51.041,54.688,53.922,55.568,56.722,55.328z"/></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Layer_1" width="100" height="100" x="0" y="0" enable-background="new 0 0 100 100" version="1.0" viewBox="0 0 100 100" xml:space="preserve"><g><path d="M57.281,62.129c-4.16,0.4-8.32-0.721-11.92-3.2l-2.56,8.24l-8.24,9.841c-0.72,0.879-1.76,1.119-2.8,1.199 c-2.56,0.24-4.96-1.92-5.2-4.4c-0.08-1.039,0.08-2.16,0.72-2.959l8.16-9.841l7.76-4c-3.12-3.04-4.88-7.121-5.28-11.201 c-0.8-9.68,6.64-18.32,16.24-19.2c9.601-0.8,18.4,6.56,19.28,16.16c0.4,4.64-0.88,9.281-4,13.041 C66.242,59.568,61.842,61.729,57.281,62.129z M56.722,55.328c5.84-0.56,10.4-5.92,9.84-12c-0.479-5.84-6-10.4-11.76-9.84 c-6,0.48-10.48,5.92-10,11.76c0.24,2.88,1.52,5.6,3.84,7.52C51.041,54.688,53.922,55.568,56.722,55.328z"/></g></svg>
diff --git a/client/images/minus.svg b/client/images/minus.svg
index 89945b55a8..24fc036293 100644
--- a/client/images/minus.svg
+++ b/client/images/minus.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" version="1.1" viewBox="0 0 16 16"><title>Decrease Value</title><g id="Decrease value" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="16" fill="#D8D8D8" transform="translate(0.000000, -6.000000)"><rect id="Decrease value" width="16" height="4" x="0" y="12"/></g></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" version="1.1" viewBox="0 0 16 16"><title>Decrease Value</title><g id="Decrease value" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="16" fill="#D8D8D8" transform="translate(0.000000, -6.000000)"><rect id="Decrease value" width="16" height="4" x="0" y="12"/></g></g></svg>
diff --git a/client/images/p5js-logo-small.svg b/client/images/p5js-logo-small.svg
index b94d9884e0..4583003545 100644
--- a/client/images/p5js-logo-small.svg
+++ b/client/images/p5js-logo-small.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="56" height="42" viewBox="0 0 56 42"><defs><path id="a" d="M0 0h36v36H0z"/><path id="b" d="M0 0h36v36H0z"/></defs><g fill="none" fill-rule="evenodd"><path fill="#ED225D" d="M0 0h56v42H0z"/><g transform="translate(10)"><use fill="#FFF" xlink:href="#a"/><path stroke="#979797" d="M.5.5h35v35H.5z"/></g><path fill="#ED225D" d="M21.025 20.617a2.826 2.826 0 0 0-.941-.795c-.38-.201-.824-.302-1.334-.302-.481 0-.912.104-1.29.314-.38.209-.704.478-.974.805-.27.329-.474.702-.612 1.12a3.85 3.85 0 0 0 0 2.496c.138.411.342.78.612 1.109.27.328.594.593.974.794.378.202.809.302 1.29.302.51 0 .955-.104 1.334-.313.38-.209.693-.477.94-.806.248-.328.434-.701.559-1.12a4.283 4.283 0 0 0 0-2.497c-.125-.409-.31-.778-.558-1.107"/><g transform="translate(10)"><mask id="c" fill="#fff"><use xlink:href="#b"/></mask><path fill="#ED225D" d="M32.75 16.44l-.989.717-1.026-1.361-1.001 1.326-.963-.734.975-1.337-1.582-.571.374-1.15 1.586.511v-1.644h1.273v1.647l1.574-.476.373 1.15-1.57.536.975 1.385zm-7.045 8.959a5.208 5.208 0 0 1-1.25 1.769c-.524.481-1.139.85-1.844 1.105a6.559 6.559 0 0 1-2.25.383c-1.334 0-2.46-.312-3.374-.936a5.238 5.238 0 0 1-1.533-1.614l1.953-1.835.03-.01a3.14 3.14 0 0 0 1.125 1.52c.525.384 1.147.576 1.867.576.405 0 .787-.068 1.147-.204.36-.134.675-.33.945-.585.27-.256.484-.575.641-.958.158-.383.237-.815.237-1.296 0-.616-.106-1.127-.315-1.533a2.775 2.775 0 0 0-.821-.98 3.075 3.075 0 0 0-1.136-.519 5.634 5.634 0 0 0-1.282-.146c-.3 0-.619.022-.957.067-.337.046-.667.11-.99.192-.322.083-.637.177-.944.281a6.717 6.717 0 0 0-.821.338l.27-8.722h9.065v2.434h-6.501l-.157 3.449c.254-.075.558-.128.91-.158.353-.03.672-.045.957-.045.78 0 1.503.112 2.17.338a5.15 5.15 0 0 1 1.744.98c.495.429.88.955 1.158 1.578.278.624.416 1.341.416 2.153 0 .887-.153 1.679-.46 2.378zm-11.601-.36a5.504 5.504 0 0 1-1.058 1.825 5.08 5.08 0 0 1-1.664 1.24c-.653.307-1.392.462-2.216.462a4.678 4.678 0 0 1-2.103-.474c-.638-.315-1.13-.743-1.474-1.285h-.045v6.853h-2.7V17.43h2.588v1.51h.067c.135-.21.311-.424.529-.642.217-.218.484-.413.799-.587a4.908 4.908 0 0 1 2.407-.597c.764 0 1.469.147 2.114.44.645.293 1.2.695 1.665 1.206a5.465 5.465 0 0 1 1.08 1.803c.254.691.382 1.435.382 2.231 0 .797-.124 1.544-.371 2.243zM0 36.07h36V0H0v36.071z" mask="url(#c)"/></g></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="56" height="42" viewBox="0 0 56 42"><defs><path id="a" d="M0 0h36v36H0z"/><path id="b" d="M0 0h36v36H0z"/></defs><g fill="none" fill-rule="evenodd"><path fill="#ED225D" d="M0 0h56v42H0z"/><g transform="translate(10)"><use fill="#FFF" xlink:href="#a"/><path stroke="#979797" d="M.5.5h35v35H.5z"/></g><path fill="#ED225D" d="M21.025 20.617a2.826 2.826 0 0 0-.941-.795c-.38-.201-.824-.302-1.334-.302-.481 0-.912.104-1.29.314-.38.209-.704.478-.974.805-.27.329-.474.702-.612 1.12a3.85 3.85 0 0 0 0 2.496c.138.411.342.78.612 1.109.27.328.594.593.974.794.378.202.809.302 1.29.302.51 0 .955-.104 1.334-.313.38-.209.693-.477.94-.806.248-.328.434-.701.559-1.12a4.283 4.283 0 0 0 0-2.497c-.125-.409-.31-.778-.558-1.107"/><g transform="translate(10)"><mask id="c" fill="#fff"><use xlink:href="#b"/></mask><path fill="#ED225D" d="M32.75 16.44l-.989.717-1.026-1.361-1.001 1.326-.963-.734.975-1.337-1.582-.571.374-1.15 1.586.511v-1.644h1.273v1.647l1.574-.476.373 1.15-1.57.536.975 1.385zm-7.045 8.959a5.208 5.208 0 0 1-1.25 1.769c-.524.481-1.139.85-1.844 1.105a6.559 6.559 0 0 1-2.25.383c-1.334 0-2.46-.312-3.374-.936a5.238 5.238 0 0 1-1.533-1.614l1.953-1.835.03-.01a3.14 3.14 0 0 0 1.125 1.52c.525.384 1.147.576 1.867.576.405 0 .787-.068 1.147-.204.36-.134.675-.33.945-.585.27-.256.484-.575.641-.958.158-.383.237-.815.237-1.296 0-.616-.106-1.127-.315-1.533a2.775 2.775 0 0 0-.821-.98 3.075 3.075 0 0 0-1.136-.519 5.634 5.634 0 0 0-1.282-.146c-.3 0-.619.022-.957.067-.337.046-.667.11-.99.192-.322.083-.637.177-.944.281a6.717 6.717 0 0 0-.821.338l.27-8.722h9.065v2.434h-6.501l-.157 3.449c.254-.075.558-.128.91-.158.353-.03.672-.045.957-.045.78 0 1.503.112 2.17.338a5.15 5.15 0 0 1 1.744.98c.495.429.88.955 1.158 1.578.278.624.416 1.341.416 2.153 0 .887-.153 1.679-.46 2.378zm-11.601-.36a5.504 5.504 0 0 1-1.058 1.825 5.08 5.08 0 0 1-1.664 1.24c-.653.307-1.392.462-2.216.462a4.678 4.678 0 0 1-2.103-.474c-.638-.315-1.13-.743-1.474-1.285h-.045v6.853h-2.7V17.43h2.588v1.51h.067c.135-.21.311-.424.529-.642.217-.218.484-.413.799-.587a4.908 4.908 0 0 1 2.407-.597c.764 0 1.469.147 2.114.44.645.293 1.2.695 1.665 1.206a5.465 5.465 0 0 1 1.08 1.803c.254.691.382 1.435.382 2.231 0 .797-.124 1.544-.371 2.243zM0 36.07h36V0H0v36.071z" mask="url(#c)"/></g></g></svg>
diff --git a/client/images/p5js-logo.svg b/client/images/p5js-logo.svg
index b1c8b01af1..e2fed8e0a1 100644
--- a/client/images/p5js-logo.svg
+++ b/client/images/p5js-logo.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="76" height="35" version="1.1" viewBox="0 0 76 35"><title>p5js-rect</title><g id="IDEs" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="Desktop-IDE-light" fill="#EC245E" transform="translate(-92.000000, -60.000000)"><g id="IDE-CORE-+-Web-dock-&amp;-identity-zone"><path id="p5js-rect" d="M129.710529,73.8530142 C129.253577,72.8466312 128.618558,71.9963901 127.802993,71.3044255 C126.988668,70.612766 126.031332,70.0845674 124.932847,69.7207447 C123.833741,69.356617 122.6425,69.1745532 121.358504,69.1745532 C120.889453,69.1745532 120.364872,69.1995603 119.784453,69.2471348 C119.204033,69.296539 118.70427,69.3810142 118.284854,69.502695 L118.543577,63.9316028 L129.247372,63.9316028 L129.247372,60 L114.321807,60 L113.877573,74.0896667 C114.271861,73.8960142 114.722609,73.7136454 115.229197,73.5434752 C115.735164,73.3742199 116.25323,73.2223475 116.784635,73.088773 C117.31542,72.9555035 117.858923,72.8524255 118.414526,72.779234 C118.970128,72.7066525 119.494088,72.6700567 119.988577,72.6700567 C120.704252,72.6700567 121.408139,72.7487376 122.099617,72.9067092 C122.790164,73.0643759 123.414325,73.3437234 123.969927,73.7441418 C124.525529,74.1442553 124.975657,74.6727589 125.321861,75.3278227 C125.667135,75.9831915 125.840237,76.8087305 125.840237,77.8038298 C125.840237,78.5805745 125.710566,79.2786383 125.451533,79.8977163 C125.19219,80.5158794 124.840091,81.0321844 124.395858,81.4444965 C123.951314,81.8577234 123.433248,82.1730567 122.840109,82.3908014 C122.247281,82.6100709 121.617847,82.7192482 120.951496,82.7192482 C119.76615,82.7192482 118.741186,82.4094043 117.876916,81.7906312 C117.012336,81.1715532 116.39562,80.3527234 116.025529,79.332922 L115.975894,79.3509149 L112.759544,82.3136454 C113.409763,83.3563191 114.248285,84.2291277 115.284416,84.9217021 C116.790219,85.9283901 118.642226,86.4328014 120.840438,86.4328014 C122.148631,86.4328014 123.383613,86.2263404 124.543832,85.8140284 C125.704051,85.4017163 126.716606,84.8067305 127.581186,84.0293759 C128.445146,83.2535461 129.13042,82.3005319 129.637007,81.1715532 C130.142354,80.0428794 130.395803,78.7629433 130.395803,77.3305248 C130.395803,76.0194823 130.167172,74.860922 129.710529,73.8530142 L129.710529,73.8530142 Z M138.853303,82.0812624 L141.500401,81.2956738 L142.020328,82.8680709 L139.384088,83.7518582 L141.020803,86.0332979 L139.640949,87.0165035 L137.918613,84.7759291 L136.240639,86.9576454 L134.901113,85.954617 L136.537518,83.7518582 L133.880803,82.8095177 L134.40135,81.2359007 L137.068303,82.0812624 L137.068303,79.3686028 L138.853303,79.3686028 L138.853303,82.0812624 L138.853303,82.0812624 Z M165.099069,72.9616028 C164.70323,72.4517021 164.160347,72.0088936 163.469179,71.6325674 C162.777701,71.2562411 162.024799,71.068078 161.209854,71.068078 C160.493558,71.068078 159.839927,71.2138511 159.247099,71.5050922 C158.65396,71.7957234 158.358321,72.2818369 158.358321,72.9616028 C158.358321,73.6410638 158.684982,74.121078 159.339234,74.3992057 C159.993796,74.6785532 160.951131,74.964 162.21,75.2552411 C162.876661,75.4013191 163.549215,75.5952766 164.228285,75.8377234 C164.907664,76.0801702 165.525,76.4019078 166.080602,76.8026312 C166.635584,77.2030496 167.086332,77.7010567 167.432226,78.2954326 C167.7775,78.8904184 167.950912,79.6122695 167.950912,80.4615957 C167.950912,81.5301915 167.746788,82.4344113 167.339471,83.1742553 C166.932464,83.9147092 166.38896,84.5154894 165.70958,84.9765957 C165.030511,85.4377021 164.240383,85.7716383 163.339507,85.9777943 C162.438011,86.1839504 161.506734,86.2870284 160.543193,86.2870284 C159.159927,86.2870284 157.814818,86.0378723 156.506004,85.5407801 C155.1975,85.0439929 154.111113,84.3334255 153.247153,83.4112128 L156.172828,80.7165461 C156.666697,81.3481277 157.30823,81.869617 158.098978,82.2819291 C158.889106,82.6948511 159.765164,82.9007021 160.728704,82.9007021 C161.049161,82.9007021 161.376442,82.8650213 161.710237,82.7918298 C162.043412,82.7192482 162.35177,82.6042766 162.635931,82.446305 C162.919471,82.2886383 163.148102,82.076383 163.321204,81.8089291 C163.493376,81.5414752 163.579927,81.2145532 163.579927,80.8257234 C163.579927,80.0971631 163.240547,79.5759787 162.562099,79.2603404 C161.882409,78.9447021 160.86365,78.6290638 159.506442,78.3137305 C158.839471,78.1679574 158.191113,77.9804043 157.561679,77.7492411 C156.932245,77.5186879 156.370438,77.2155532 155.876569,76.838922 C155.38208,76.4625957 154.987792,75.996305 154.691533,75.437 C154.395274,74.8789149 154.246679,74.1872553 154.246679,73.3617163 C154.246679,72.3907092 154.450493,71.5538865 154.85812,70.8500284 C155.265128,70.1452553 155.802737,69.5697872 156.469088,69.1196596 C157.135748,68.6710567 157.88896,68.3368156 158.728723,68.1190709 C159.567865,67.9004113 160.432445,67.7906241 161.321223,67.7906241 C162.604599,67.7906241 163.858193,68.0092837 165.080146,68.4459929 C166.302409,68.8830071 167.271223,69.5514894 167.987828,70.449 L165.099069,72.9616028 L165.099069,72.9616028 Z M149.951077,67.4661418 L149.951077,86.8332199 C149.951077,87.8768085 149.864215,88.8661135 149.691734,89.8005248 C149.518321,90.7352411 149.191661,91.5482766 148.710201,92.2402411 C148.229051,92.9325106 147.574179,93.4838865 146.747135,93.8968085 C145.919471,94.3097305 144.839599,94.5155816 143.505967,94.5155816 C143.135876,94.5155816 142.765785,94.4911844 142.394763,94.443 C142.024672,94.3942057 141.728412,94.3454113 141.505985,94.297227 L141.876697,90.5833688 C142.074307,90.6321631 142.284015,90.6684539 142.506442,90.6928511 C142.728558,90.7166383 142.925547,90.7291418 143.09896,90.7291418 C143.617026,90.7291418 144.036752,90.6321631 144.357828,90.4379007 C144.678595,90.2433333 144.925529,89.9764894 145.098942,89.6367589 C145.271113,89.2967234 145.382482,88.9024043 145.432117,88.4531915 C145.481131,88.0042837 145.506259,87.5251844 145.506259,87.0155887 L145.506259,67.4661418 L149.951077,67.4661418 L149.951077,67.4661418 Z M106.629307,76.9663972 C106.629307,76.2869362 106.524453,75.6132695 106.314745,74.9453972 C106.104416,74.2784397 105.789544,73.6773546 105.370128,73.1430567 C104.950401,72.6099787 104.419617,72.1787589 103.777153,71.850617 C103.135,71.5230851 102.382409,71.3593191 101.518449,71.3593191 C100.703504,71.3593191 99.9747993,71.5288794 99.3329562,71.8689149 C98.6908029,72.2092553 98.1410949,72.6462695 97.685073,73.1793475 C97.2275,73.7136454 96.8822263,74.3208298 96.6477007,75.0002908 C96.4125547,75.6800567 96.2962226,76.3601277 96.2962226,77.0392837 C96.2962226,77.7187447 96.4125547,78.3924113 96.6477007,79.0596738 C96.8822263,79.7278511 97.2275,80.3283262 97.685073,80.8626241 C98.1410949,81.3963121 98.6908029,81.8275319 99.3329562,82.1544539 C99.9747993,82.4825957 100.703504,82.6457518 101.518449,82.6457518 C102.382409,82.6457518 103.135,82.4768014 103.777153,82.136461 C104.419617,81.7964255 104.950401,81.3600213 105.370128,80.8257234 C105.789544,80.2920355 106.104416,79.6848511 106.314745,79.0053901 C106.524453,78.3256241 106.629307,77.6461631 106.629307,76.9663972 L106.629307,76.9663972 Z M96.2586861,68.3011348 L96.2586861,70.7402411 L96.3700547,70.7402411 C96.5918613,70.4008156 96.8822263,70.0546809 97.240219,69.7027518 C97.5982117,69.3508227 98.0368613,69.0354894 98.5555474,68.7558369 C99.0736131,68.4774043 99.6602372,68.2465461 100.314489,68.0641773 C100.968431,67.8824184 101.703339,67.7906241 102.518285,67.7906241 C103.777153,67.7906241 104.937682,68.0278865 105.999562,68.5008865 C107.061131,68.9748014 107.975036,69.6240709 108.740657,70.449 C109.505347,71.274539 110.097865,72.2455461 110.518522,73.3617163 C110.937628,74.4784965 111.147956,75.6800567 111.147956,76.9663972 C111.147956,78.2530426 110.944453,79.4603972 110.536515,80.5890709 C110.129507,81.7177447 109.549088,82.7006454 108.795876,83.538078 C108.042664,84.3755106 107.12969,85.0439929 106.055401,85.5407801 C104.981113,86.0378723 103.764434,86.2870284 102.407226,86.2870284 C101.147737,86.2870284 99.9934124,86.032078 98.9439416,85.5227872 C97.8941606,85.0128865 97.0857299,84.3215319 96.5180292,83.4468936 L96.4441971,83.4468936 L96.4441971,94.5155816 L92,94.5155816 L92,68.3011348 L96.2586861,68.3011348 L96.2586861,68.3011348 Z"/></g></g></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="76" height="35" version="1.1" viewBox="0 0 76 35"><title>p5js-rect</title><g id="IDEs" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="Desktop-IDE-light" fill="#EC245E" transform="translate(-92.000000, -60.000000)"><g id="IDE-CORE-+-Web-dock-&amp;-identity-zone"><path id="p5js-rect" d="M129.710529,73.8530142 C129.253577,72.8466312 128.618558,71.9963901 127.802993,71.3044255 C126.988668,70.612766 126.031332,70.0845674 124.932847,69.7207447 C123.833741,69.356617 122.6425,69.1745532 121.358504,69.1745532 C120.889453,69.1745532 120.364872,69.1995603 119.784453,69.2471348 C119.204033,69.296539 118.70427,69.3810142 118.284854,69.502695 L118.543577,63.9316028 L129.247372,63.9316028 L129.247372,60 L114.321807,60 L113.877573,74.0896667 C114.271861,73.8960142 114.722609,73.7136454 115.229197,73.5434752 C115.735164,73.3742199 116.25323,73.2223475 116.784635,73.088773 C117.31542,72.9555035 117.858923,72.8524255 118.414526,72.779234 C118.970128,72.7066525 119.494088,72.6700567 119.988577,72.6700567 C120.704252,72.6700567 121.408139,72.7487376 122.099617,72.9067092 C122.790164,73.0643759 123.414325,73.3437234 123.969927,73.7441418 C124.525529,74.1442553 124.975657,74.6727589 125.321861,75.3278227 C125.667135,75.9831915 125.840237,76.8087305 125.840237,77.8038298 C125.840237,78.5805745 125.710566,79.2786383 125.451533,79.8977163 C125.19219,80.5158794 124.840091,81.0321844 124.395858,81.4444965 C123.951314,81.8577234 123.433248,82.1730567 122.840109,82.3908014 C122.247281,82.6100709 121.617847,82.7192482 120.951496,82.7192482 C119.76615,82.7192482 118.741186,82.4094043 117.876916,81.7906312 C117.012336,81.1715532 116.39562,80.3527234 116.025529,79.332922 L115.975894,79.3509149 L112.759544,82.3136454 C113.409763,83.3563191 114.248285,84.2291277 115.284416,84.9217021 C116.790219,85.9283901 118.642226,86.4328014 120.840438,86.4328014 C122.148631,86.4328014 123.383613,86.2263404 124.543832,85.8140284 C125.704051,85.4017163 126.716606,84.8067305 127.581186,84.0293759 C128.445146,83.2535461 129.13042,82.3005319 129.637007,81.1715532 C130.142354,80.0428794 130.395803,78.7629433 130.395803,77.3305248 C130.395803,76.0194823 130.167172,74.860922 129.710529,73.8530142 L129.710529,73.8530142 Z M138.853303,82.0812624 L141.500401,81.2956738 L142.020328,82.8680709 L139.384088,83.7518582 L141.020803,86.0332979 L139.640949,87.0165035 L137.918613,84.7759291 L136.240639,86.9576454 L134.901113,85.954617 L136.537518,83.7518582 L133.880803,82.8095177 L134.40135,81.2359007 L137.068303,82.0812624 L137.068303,79.3686028 L138.853303,79.3686028 L138.853303,82.0812624 L138.853303,82.0812624 Z M165.099069,72.9616028 C164.70323,72.4517021 164.160347,72.0088936 163.469179,71.6325674 C162.777701,71.2562411 162.024799,71.068078 161.209854,71.068078 C160.493558,71.068078 159.839927,71.2138511 159.247099,71.5050922 C158.65396,71.7957234 158.358321,72.2818369 158.358321,72.9616028 C158.358321,73.6410638 158.684982,74.121078 159.339234,74.3992057 C159.993796,74.6785532 160.951131,74.964 162.21,75.2552411 C162.876661,75.4013191 163.549215,75.5952766 164.228285,75.8377234 C164.907664,76.0801702 165.525,76.4019078 166.080602,76.8026312 C166.635584,77.2030496 167.086332,77.7010567 167.432226,78.2954326 C167.7775,78.8904184 167.950912,79.6122695 167.950912,80.4615957 C167.950912,81.5301915 167.746788,82.4344113 167.339471,83.1742553 C166.932464,83.9147092 166.38896,84.5154894 165.70958,84.9765957 C165.030511,85.4377021 164.240383,85.7716383 163.339507,85.9777943 C162.438011,86.1839504 161.506734,86.2870284 160.543193,86.2870284 C159.159927,86.2870284 157.814818,86.0378723 156.506004,85.5407801 C155.1975,85.0439929 154.111113,84.3334255 153.247153,83.4112128 L156.172828,80.7165461 C156.666697,81.3481277 157.30823,81.869617 158.098978,82.2819291 C158.889106,82.6948511 159.765164,82.9007021 160.728704,82.9007021 C161.049161,82.9007021 161.376442,82.8650213 161.710237,82.7918298 C162.043412,82.7192482 162.35177,82.6042766 162.635931,82.446305 C162.919471,82.2886383 163.148102,82.076383 163.321204,81.8089291 C163.493376,81.5414752 163.579927,81.2145532 163.579927,80.8257234 C163.579927,80.0971631 163.240547,79.5759787 162.562099,79.2603404 C161.882409,78.9447021 160.86365,78.6290638 159.506442,78.3137305 C158.839471,78.1679574 158.191113,77.9804043 157.561679,77.7492411 C156.932245,77.5186879 156.370438,77.2155532 155.876569,76.838922 C155.38208,76.4625957 154.987792,75.996305 154.691533,75.437 C154.395274,74.8789149 154.246679,74.1872553 154.246679,73.3617163 C154.246679,72.3907092 154.450493,71.5538865 154.85812,70.8500284 C155.265128,70.1452553 155.802737,69.5697872 156.469088,69.1196596 C157.135748,68.6710567 157.88896,68.3368156 158.728723,68.1190709 C159.567865,67.9004113 160.432445,67.7906241 161.321223,67.7906241 C162.604599,67.7906241 163.858193,68.0092837 165.080146,68.4459929 C166.302409,68.8830071 167.271223,69.5514894 167.987828,70.449 L165.099069,72.9616028 L165.099069,72.9616028 Z M149.951077,67.4661418 L149.951077,86.8332199 C149.951077,87.8768085 149.864215,88.8661135 149.691734,89.8005248 C149.518321,90.7352411 149.191661,91.5482766 148.710201,92.2402411 C148.229051,92.9325106 147.574179,93.4838865 146.747135,93.8968085 C145.919471,94.3097305 144.839599,94.5155816 143.505967,94.5155816 C143.135876,94.5155816 142.765785,94.4911844 142.394763,94.443 C142.024672,94.3942057 141.728412,94.3454113 141.505985,94.297227 L141.876697,90.5833688 C142.074307,90.6321631 142.284015,90.6684539 142.506442,90.6928511 C142.728558,90.7166383 142.925547,90.7291418 143.09896,90.7291418 C143.617026,90.7291418 144.036752,90.6321631 144.357828,90.4379007 C144.678595,90.2433333 144.925529,89.9764894 145.098942,89.6367589 C145.271113,89.2967234 145.382482,88.9024043 145.432117,88.4531915 C145.481131,88.0042837 145.506259,87.5251844 145.506259,87.0155887 L145.506259,67.4661418 L149.951077,67.4661418 L149.951077,67.4661418 Z M106.629307,76.9663972 C106.629307,76.2869362 106.524453,75.6132695 106.314745,74.9453972 C106.104416,74.2784397 105.789544,73.6773546 105.370128,73.1430567 C104.950401,72.6099787 104.419617,72.1787589 103.777153,71.850617 C103.135,71.5230851 102.382409,71.3593191 101.518449,71.3593191 C100.703504,71.3593191 99.9747993,71.5288794 99.3329562,71.8689149 C98.6908029,72.2092553 98.1410949,72.6462695 97.685073,73.1793475 C97.2275,73.7136454 96.8822263,74.3208298 96.6477007,75.0002908 C96.4125547,75.6800567 96.2962226,76.3601277 96.2962226,77.0392837 C96.2962226,77.7187447 96.4125547,78.3924113 96.6477007,79.0596738 C96.8822263,79.7278511 97.2275,80.3283262 97.685073,80.8626241 C98.1410949,81.3963121 98.6908029,81.8275319 99.3329562,82.1544539 C99.9747993,82.4825957 100.703504,82.6457518 101.518449,82.6457518 C102.382409,82.6457518 103.135,82.4768014 103.777153,82.136461 C104.419617,81.7964255 104.950401,81.3600213 105.370128,80.8257234 C105.789544,80.2920355 106.104416,79.6848511 106.314745,79.0053901 C106.524453,78.3256241 106.629307,77.6461631 106.629307,76.9663972 L106.629307,76.9663972 Z M96.2586861,68.3011348 L96.2586861,70.7402411 L96.3700547,70.7402411 C96.5918613,70.4008156 96.8822263,70.0546809 97.240219,69.7027518 C97.5982117,69.3508227 98.0368613,69.0354894 98.5555474,68.7558369 C99.0736131,68.4774043 99.6602372,68.2465461 100.314489,68.0641773 C100.968431,67.8824184 101.703339,67.7906241 102.518285,67.7906241 C103.777153,67.7906241 104.937682,68.0278865 105.999562,68.5008865 C107.061131,68.9748014 107.975036,69.6240709 108.740657,70.449 C109.505347,71.274539 110.097865,72.2455461 110.518522,73.3617163 C110.937628,74.4784965 111.147956,75.6800567 111.147956,76.9663972 C111.147956,78.2530426 110.944453,79.4603972 110.536515,80.5890709 C110.129507,81.7177447 109.549088,82.7006454 108.795876,83.538078 C108.042664,84.3755106 107.12969,85.0439929 106.055401,85.5407801 C104.981113,86.0378723 103.764434,86.2870284 102.407226,86.2870284 C101.147737,86.2870284 99.9934124,86.032078 98.9439416,85.5227872 C97.8941606,85.0128865 97.0857299,84.3215319 96.5180292,83.4468936 L96.4441971,83.4468936 L96.4441971,94.5155816 L92,94.5155816 L92,68.3011348 L96.2586861,68.3011348 L96.2586861,68.3011348 Z"/></g></g></g></svg>
diff --git a/client/images/p5js-square-logo.svg b/client/images/p5js-square-logo.svg
index d858ea47dc..4b60d43a65 100644
--- a/client/images/p5js-square-logo.svg
+++ b/client/images/p5js-square-logo.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Layer_1" width="171.063" height="171.06" x="0" y="0" enable-background="new 0 0 191.063 191.06" version="1.1" viewBox="0 0 191.063 191.06" xml:space="preserve"><path fill="#ED225D" d="M58.197,108.205c-1.354-1.748-3.064-3.162-5.135-4.238c-2.07-1.074-4.496-1.611-7.281-1.611	c-2.627,0-4.977,0.557-7.045,1.672c-2.07,1.115-3.842,2.549-5.312,4.297c-1.475,1.752-2.588,3.742-3.344,5.971	c-0.758,2.229-1.133,4.459-1.133,6.686c0,2.229,0.375,4.438,1.133,6.625c0.756,2.191,1.869,4.16,3.344,5.912	c1.471,1.75,3.242,3.164,5.312,4.236c2.068,1.076,4.418,1.611,7.045,1.611c2.785,0,5.211-0.555,7.281-1.67s3.781-2.547,5.135-4.299	c1.352-1.75,2.367-3.74,3.045-5.969c0.676-2.229,1.014-4.457,1.014-6.686s-0.338-4.438-1.014-6.627	C60.564,111.927,59.549,109.957,58.197,108.205z"/><path fill="#ED225D" d="M0,0v191.06h191.063V0H0z M74.852,132.621c-1.312,3.701-3.184,6.924-5.611,9.67s-5.371,4.938-8.834,6.566	c-3.463,1.631-7.385,2.447-11.76,2.447c-4.061,0-7.781-0.836-11.164-2.506c-3.385-1.672-5.99-3.939-7.82-6.807h-0.238v36.295H15.098	V92.328h13.729v7.998h0.359c0.715-1.113,1.65-2.248,2.805-3.402s2.568-2.188,4.24-3.105c1.67-0.912,3.561-1.67,5.67-2.268	c2.107-0.596,4.477-0.896,7.104-0.896c4.059,0,7.799,0.777,11.223,2.328c3.422,1.555,6.367,3.684,8.836,6.389	c2.465,2.707,4.375,5.891,5.73,9.551c1.352,3.662,2.029,7.602,2.029,11.82S76.166,128.919,74.852,132.621z M136.422,134.531	c-1.633,3.701-3.842,6.826-6.627,9.371c-2.787,2.549-6.051,4.5-9.791,5.852s-7.721,2.029-11.938,2.029	c-7.086,0-13.057-1.654-17.91-4.955c-3.34-2.271-6.043-5.133-8.139-8.553l10.367-9.715l0.16-0.059	c1.193,3.344,3.182,6.029,5.969,8.059c2.785,2.029,6.09,3.045,9.91,3.045c2.148,0,4.178-0.357,6.088-1.076	c1.912-0.715,3.582-1.748,5.016-3.104c1.432-1.352,2.566-3.045,3.402-5.072c0.836-2.029,1.254-4.318,1.254-6.865	c0-3.264-0.559-5.971-1.672-8.119c-1.115-2.148-2.566-3.881-4.357-5.193s-3.803-2.229-6.029-2.746	c-2.229-0.518-4.498-0.775-6.805-0.775c-1.594,0-3.283,0.119-5.074,0.357c-1.791,0.24-3.543,0.578-5.254,1.016	c-1.713,0.438-3.383,0.936-5.014,1.49c-1.633,0.559-3.086,1.156-4.357,1.791l1.432-46.201h48.113V78h-34.504l-0.834,18.268	c1.352-0.398,2.963-0.676,4.834-0.838c1.871-0.156,3.562-0.238,5.074-0.238c4.139,0,7.979,0.598,11.521,1.791	c3.541,1.193,6.627,2.926,9.252,5.193c2.629,2.27,4.676,5.057,6.148,8.357c1.473,3.305,2.209,7.104,2.209,11.402	C138.867,126.632,138.051,130.83,136.422,134.531z M173.81,87.076l-5.243,3.802l-5.449-7.211l-5.312,7.026l-5.107-3.89l5.171-7.08	l-8.392-3.027l1.981-6.095l8.419,2.714v-8.708h6.754v8.721l8.357-2.522l1.979,6.09l-8.333,2.843L173.81,87.076z"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Layer_1" width="171.063" height="171.06" x="0" y="0" enable-background="new 0 0 191.063 191.06" version="1.1" viewBox="0 0 191.063 191.06" xml:space="preserve"><path fill="#ED225D" d="M58.197,108.205c-1.354-1.748-3.064-3.162-5.135-4.238c-2.07-1.074-4.496-1.611-7.281-1.611	c-2.627,0-4.977,0.557-7.045,1.672c-2.07,1.115-3.842,2.549-5.312,4.297c-1.475,1.752-2.588,3.742-3.344,5.971	c-0.758,2.229-1.133,4.459-1.133,6.686c0,2.229,0.375,4.438,1.133,6.625c0.756,2.191,1.869,4.16,3.344,5.912	c1.471,1.75,3.242,3.164,5.312,4.236c2.068,1.076,4.418,1.611,7.045,1.611c2.785,0,5.211-0.555,7.281-1.67s3.781-2.547,5.135-4.299	c1.352-1.75,2.367-3.74,3.045-5.969c0.676-2.229,1.014-4.457,1.014-6.686s-0.338-4.438-1.014-6.627	C60.564,111.927,59.549,109.957,58.197,108.205z"/><path fill="#ED225D" d="M0,0v191.06h191.063V0H0z M74.852,132.621c-1.312,3.701-3.184,6.924-5.611,9.67s-5.371,4.938-8.834,6.566	c-3.463,1.631-7.385,2.447-11.76,2.447c-4.061,0-7.781-0.836-11.164-2.506c-3.385-1.672-5.99-3.939-7.82-6.807h-0.238v36.295H15.098	V92.328h13.729v7.998h0.359c0.715-1.113,1.65-2.248,2.805-3.402s2.568-2.188,4.24-3.105c1.67-0.912,3.561-1.67,5.67-2.268	c2.107-0.596,4.477-0.896,7.104-0.896c4.059,0,7.799,0.777,11.223,2.328c3.422,1.555,6.367,3.684,8.836,6.389	c2.465,2.707,4.375,5.891,5.73,9.551c1.352,3.662,2.029,7.602,2.029,11.82S76.166,128.919,74.852,132.621z M136.422,134.531	c-1.633,3.701-3.842,6.826-6.627,9.371c-2.787,2.549-6.051,4.5-9.791,5.852s-7.721,2.029-11.938,2.029	c-7.086,0-13.057-1.654-17.91-4.955c-3.34-2.271-6.043-5.133-8.139-8.553l10.367-9.715l0.16-0.059	c1.193,3.344,3.182,6.029,5.969,8.059c2.785,2.029,6.09,3.045,9.91,3.045c2.148,0,4.178-0.357,6.088-1.076	c1.912-0.715,3.582-1.748,5.016-3.104c1.432-1.352,2.566-3.045,3.402-5.072c0.836-2.029,1.254-4.318,1.254-6.865	c0-3.264-0.559-5.971-1.672-8.119c-1.115-2.148-2.566-3.881-4.357-5.193s-3.803-2.229-6.029-2.746	c-2.229-0.518-4.498-0.775-6.805-0.775c-1.594,0-3.283,0.119-5.074,0.357c-1.791,0.24-3.543,0.578-5.254,1.016	c-1.713,0.438-3.383,0.936-5.014,1.49c-1.633,0.559-3.086,1.156-4.357,1.791l1.432-46.201h48.113V78h-34.504l-0.834,18.268	c1.352-0.398,2.963-0.676,4.834-0.838c1.871-0.156,3.562-0.238,5.074-0.238c4.139,0,7.979,0.598,11.521,1.791	c3.541,1.193,6.627,2.926,9.252,5.193c2.629,2.27,4.676,5.057,6.148,8.357c1.473,3.305,2.209,7.104,2.209,11.402	C138.867,126.632,138.051,130.83,136.422,134.531z M173.81,87.076l-5.243,3.802l-5.449-7.211l-5.312,7.026l-5.107-3.89l5.171-7.08	l-8.392-3.027l1.981-6.095l8.419,2.714v-8.708h6.754v8.721l8.357-2.522l1.979,6.09l-8.333,2.843L173.81,87.076z"/></svg>
diff --git a/client/images/pencil.svg b/client/images/pencil.svg
index ed6c286d45..49df54762d 100644
--- a/client/images/pencil.svg
+++ b/client/images/pencil.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Layer_1" width="100" height="100" x="0" y="0" enable-background="new 0 0 100 100" version="1.0" viewBox="0 0 100 100" xml:space="preserve"><g><path d="M68.201,42.768c0.641,1.84,0.48,3.76-0.399,4.96L41.241,74.289l-15.76,4.32c-0.24,0.08-0.32,0-0.24-0.24l4.48-15.601 l26.561-26.561c1.2-0.96,3.12-1.04,4.96-0.32C32.121,65.009,32.041,65.089,32.041,65.089l-1.84,5.84c0,0,0.88,0.32,1.68,1.12 c0.8,0.801,1.04,1.76,1.04,1.76l6-1.84L68.201,42.768z M36.521,65.169l27.68-27.681c0.88,0.48,1.761,1.36,2.4,2.32 c-27.761,27.68-27.761,27.68-27.761,27.68l-2.24-0.08L36.521,65.169z M76.282,39.248l-5.12,5.2c0,0,2.479-3.84-2.721-8.88 c-4.56-4.56-8.88-2.56-8.88-2.56l5.2-5.2c3.2-3.28,8.4-3.68,11.76-0.4C79.962,30.848,79.481,36.128,76.282,39.248z"/></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Layer_1" width="100" height="100" x="0" y="0" enable-background="new 0 0 100 100" version="1.0" viewBox="0 0 100 100" xml:space="preserve"><g><path d="M68.201,42.768c0.641,1.84,0.48,3.76-0.399,4.96L41.241,74.289l-15.76,4.32c-0.24,0.08-0.32,0-0.24-0.24l4.48-15.601 l26.561-26.561c1.2-0.96,3.12-1.04,4.96-0.32C32.121,65.009,32.041,65.089,32.041,65.089l-1.84,5.84c0,0,0.88,0.32,1.68,1.12 c0.8,0.801,1.04,1.76,1.04,1.76l6-1.84L68.201,42.768z M36.521,65.169l27.68-27.681c0.88,0.48,1.761,1.36,2.4,2.32 c-27.761,27.68-27.761,27.68-27.761,27.68l-2.24-0.08L36.521,65.169z M76.282,39.248l-5.12,5.2c0,0,2.479-3.84-2.721-8.88 c-4.56-4.56-8.88-2.56-8.88-2.56l5.2-5.2c3.2-3.28,8.4-3.68,11.76-0.4C79.962,30.848,79.481,36.128,76.282,39.248z"/></g></svg>
diff --git a/client/images/play.svg b/client/images/play.svg
index ff2a12d581..bd47827be5 100644
--- a/client/images/play.svg
+++ b/client/images/play.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" version="1.1" viewBox="0 0 17 17"><title>play</title><g id="IDEs" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="Desktop-IDE-light" fill="#ED225D" transform="translate(-218.000000, -69.000000)"><g id="IDE-CORE-+-Web-dock-&amp;-identity-zone"><g id="IDE-CORE" transform="translate(0.000000, 45.000000)"><g id="play-btns" transform="translate(202.000000, 0.000000)"><g id="play-||-pause-+-play" transform="translate(0.000000, 10.000000)"><polygon id="play" points="24.5 14 33 31 16 31" transform="translate(24.500000, 22.500000) rotate(90.000000) translate(-24.500000, -22.500000)"/></g></g></g></g></g></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" version="1.1" viewBox="0 0 17 17"><title>play</title><g id="IDEs" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="Desktop-IDE-light" fill="#ED225D" transform="translate(-218.000000, -69.000000)"><g id="IDE-CORE-+-Web-dock-&amp;-identity-zone"><g id="IDE-CORE" transform="translate(0.000000, 45.000000)"><g id="play-btns" transform="translate(202.000000, 0.000000)"><g id="play-||-pause-+-play" transform="translate(0.000000, 10.000000)"><polygon id="play" points="24.5 14 33 31 16 31" transform="translate(24.500000, 22.500000) rotate(90.000000) translate(-24.500000, -22.500000)"/></g></g></g></g></g></g></svg>
diff --git a/client/images/plus-icon.svg b/client/images/plus-icon.svg
index 6785d14a13..f13463e9d1 100644
--- a/client/images/plus-icon.svg
+++ b/client/images/plus-icon.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18" height="18" version="1.1" viewBox="0 0 18 18"><title>close shape</title><g id="IDEs" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1" opacity=".54"><g id="p5js-IDE-styles-foundation-pt-2" fill="#333" transform="translate(-558.000000, -1166.000000)"><g id="Icons" transform="translate(16.000000, 1063.000000)"><g id="close-copy-3" transform="translate(499.500000, 110.000000) scale(1, -1) translate(-499.500000, -110.000000) translate(438.000000, 98.000000)"><polygon id="close-shape" points="120 15.6 118.6 17 113 11.4 107.4 17 106 15.6 111.6 10 106 4.4 107.4 3 113 8.6 118.6 3 120 4.4 114.4 10" transform="translate(113.000000, 10.000000) rotate(45.000000) translate(-113.000000, -10.000000)"/></g></g></g></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18" height="18" version="1.1" viewBox="0 0 18 18"><title>close shape</title><g id="IDEs" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1" opacity=".54"><g id="p5js-IDE-styles-foundation-pt-2" fill="#333" transform="translate(-558.000000, -1166.000000)"><g id="Icons" transform="translate(16.000000, 1063.000000)"><g id="close-copy-3" transform="translate(499.500000, 110.000000) scale(1, -1) translate(-499.500000, -110.000000) translate(438.000000, 98.000000)"><polygon id="close-shape" points="120 15.6 118.6 17 113 11.4 107.4 17 106 15.6 111.6 10 106 4.4 107.4 3 113 8.6 118.6 3 120 4.4 114.4 10" transform="translate(113.000000, 10.000000) rotate(45.000000) translate(-113.000000, -10.000000)"/></g></g></g></g></svg>
diff --git a/client/images/plus.svg b/client/images/plus.svg
index 206c879668..7b278deae8 100644
--- a/client/images/plus.svg
+++ b/client/images/plus.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" version="1.1" viewBox="0 0 16 16"><title>Increase Value</title><g id="Increase Value" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="16" fill="#D8D8D8"><path id="Increase Value" d="M10,6 L10,0 L6,0 L6,6 L0,6 L0,10 L6,10 L6,16 L10,16 L10,10 L16,10 L16,6 L10,6 Z"/></g></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" version="1.1" viewBox="0 0 16 16"><title>Increase Value</title><g id="Increase Value" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="16" fill="#D8D8D8"><path id="Increase Value" d="M10,6 L10,0 L6,0 L6,6 L0,6 L0,10 L6,10 L6,16 L10,16 L10,10 L16,10 L16,6 L10,6 Z"/></g></g></svg>
diff --git a/client/images/preferences.svg b/client/images/preferences.svg
index 3400033943..772cbca535 100644
--- a/client/images/preferences.svg
+++ b/client/images/preferences.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" version="1.1" viewBox="0 0 20 20"><title>preferences</title><defs><path id="path-1" d="M14.6822397,16.2117311 L15.1198278,19.0213068 C14.3844186,19.4395702 13.5928664,19.770504 12.7592794,20 L11.0818617,17.703677 C10.7282919,17.7528772 10.367116,17.7783101 10,17.7783101 C9.63288395,17.7783101 9.2717081,17.7528772 8.91813825,17.703677 L7.24072063,20 C6.40713364,19.770504 5.6155814,19.4395702 4.88017224,19.0213068 L5.31776031,16.2117311 C4.73977887,15.7753775 4.22462249,15.2602211 3.78826886,14.6822397 L0.978693166,15.1198278 C0.560429839,14.3844186 0.22949601,13.5928664 -2.84217094e-14,12.7592794 L2.29632299,11.0818617 C2.24712285,10.7282919 2.22168987,10.367116 2.22168987,10 C2.22168987,9.63288395 2.24712285,9.2717081 2.29632299,8.91813825 L-8.12791077e-15,7.24072063 C0.22949601,6.40713364 0.560429839,5.6155814 0.978693166,4.88017224 L3.78826886,5.31776031 C4.22462249,4.73977887 4.73977887,4.22462249 5.31776031,3.78826886 L4.88017224,0.978693166 C5.6155814,0.560429839 6.40713364,0.22949601 7.24072063,0 L8.91813825,2.29632299 C9.2717081,2.24712285 9.63288395,2.22168987 10,2.22168987 C10.367116,2.22168987 10.7282919,2.24712285 11.0818617,2.29632299 L12.7592794,1.98620157e-14 C13.5928664,0.22949601 14.3844186,0.560429839 15.1198278,0.978693166 L14.6822397,3.78826886 C15.2602211,4.22462249 15.7753775,4.73977887 16.2117311,5.31776031 L19.0213068,4.88017224 C19.4395702,5.6155814 19.770504,6.40713364 20,7.24072063 L17.703677,8.91813825 C17.7528772,9.2717081 17.7783101,9.63288395 17.7783101,10 C17.7783101,10.367116 17.7528772,10.7282919 17.703677,11.0818617 L20,12.7592794 C19.770504,13.5928664 19.4395702,14.3844186 19.0213068,15.1198278 L16.2117311,14.6822397 C15.7753775,15.2602211 15.2602211,15.7753775 14.6822397,16.2117311 L14.6822397,16.2117311 Z M10,13.8891551 C12.147921,13.8891551 13.8891551,12.147921 13.8891551,10 C13.8891551,7.85207897 12.147921,6.11084493 10,6.11084493 C7.85207897,6.11084493 6.11084493,7.85207897 6.11084493,10 C6.11084493,12.147921 7.85207897,13.8891551 10,13.8891551 Z"/></defs><g id="IDEs" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="Desktop-IDE-light" fill="#ED225D"><g id="preferences"><mask id="mask-2" fill="#fff"><use xlink:href="#path-1"/></mask><use id="Combined-Shape" fill="#white" xlink:href="#path-1"/></g></g></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" version="1.1" viewBox="0 0 20 20"><title>preferences</title><defs><path id="path-1" d="M14.6822397,16.2117311 L15.1198278,19.0213068 C14.3844186,19.4395702 13.5928664,19.770504 12.7592794,20 L11.0818617,17.703677 C10.7282919,17.7528772 10.367116,17.7783101 10,17.7783101 C9.63288395,17.7783101 9.2717081,17.7528772 8.91813825,17.703677 L7.24072063,20 C6.40713364,19.770504 5.6155814,19.4395702 4.88017224,19.0213068 L5.31776031,16.2117311 C4.73977887,15.7753775 4.22462249,15.2602211 3.78826886,14.6822397 L0.978693166,15.1198278 C0.560429839,14.3844186 0.22949601,13.5928664 -2.84217094e-14,12.7592794 L2.29632299,11.0818617 C2.24712285,10.7282919 2.22168987,10.367116 2.22168987,10 C2.22168987,9.63288395 2.24712285,9.2717081 2.29632299,8.91813825 L-8.12791077e-15,7.24072063 C0.22949601,6.40713364 0.560429839,5.6155814 0.978693166,4.88017224 L3.78826886,5.31776031 C4.22462249,4.73977887 4.73977887,4.22462249 5.31776031,3.78826886 L4.88017224,0.978693166 C5.6155814,0.560429839 6.40713364,0.22949601 7.24072063,0 L8.91813825,2.29632299 C9.2717081,2.24712285 9.63288395,2.22168987 10,2.22168987 C10.367116,2.22168987 10.7282919,2.24712285 11.0818617,2.29632299 L12.7592794,1.98620157e-14 C13.5928664,0.22949601 14.3844186,0.560429839 15.1198278,0.978693166 L14.6822397,3.78826886 C15.2602211,4.22462249 15.7753775,4.73977887 16.2117311,5.31776031 L19.0213068,4.88017224 C19.4395702,5.6155814 19.770504,6.40713364 20,7.24072063 L17.703677,8.91813825 C17.7528772,9.2717081 17.7783101,9.63288395 17.7783101,10 C17.7783101,10.367116 17.7528772,10.7282919 17.703677,11.0818617 L20,12.7592794 C19.770504,13.5928664 19.4395702,14.3844186 19.0213068,15.1198278 L16.2117311,14.6822397 C15.7753775,15.2602211 15.2602211,15.7753775 14.6822397,16.2117311 L14.6822397,16.2117311 Z M10,13.8891551 C12.147921,13.8891551 13.8891551,12.147921 13.8891551,10 C13.8891551,7.85207897 12.147921,6.11084493 10,6.11084493 C7.85207897,6.11084493 6.11084493,7.85207897 6.11084493,10 C6.11084493,12.147921 7.85207897,13.8891551 10,13.8891551 Z"/></defs><g id="IDEs" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="Desktop-IDE-light" fill="#ED225D"><g id="preferences"><mask id="mask-2" fill="#fff"><use xlink:href="#path-1"/></mask><use id="Combined-Shape" fill="#white" xlink:href="#path-1"/></g></g></g></svg>
diff --git a/client/images/right-arrow-white.svg b/client/images/right-arrow-white.svg
index 919e694304..26133f5f82 100644
--- a/client/images/right-arrow-white.svg
+++ b/client/images/right-arrow-white.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="15" version="1.1" viewBox="0 0 10 15"><title>arrow-shape-copy</title><desc>Created with Sketch.</desc><g id="Page-1" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1" opacity=".54"><g id="right-arrow" fill="#FFF" fill-rule="nonzero"><g id="IDEs"><g id="p5js-IDE-styles-foundation-pt-2"><polygon id="arrow-shape-copy" points="6.4 4.397 12 9.997 10.6 11.397 5 5.797 -.6 11.397 -2 9.997 3.6 4.397 4.997 3" transform="translate(4.999999, 7.198314) rotate(90.000000) translate(-4.999999, -7.198314)"/></g></g></g></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="15" version="1.1" viewBox="0 0 10 15"><title>arrow-shape-copy</title><desc>Created with Sketch.</desc><g id="Page-1" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1" opacity=".54"><g id="right-arrow" fill="#FFF" fill-rule="nonzero"><g id="IDEs"><g id="p5js-IDE-styles-foundation-pt-2"><polygon id="arrow-shape-copy" points="6.4 4.397 12 9.997 10.6 11.397 5 5.797 -.6 11.397 -2 9.997 3.6 4.397 4.997 3" transform="translate(4.999999, 7.198314) rotate(90.000000) translate(-4.999999, -7.198314)"/></g></g></g></g></svg>
diff --git a/client/images/right-arrow.svg b/client/images/right-arrow.svg
index 89f66d05b2..ca8e05383d 100644
--- a/client/images/right-arrow.svg
+++ b/client/images/right-arrow.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="15" version="1.1" viewBox="0 0 10 15"><title>arrow shape copy</title><g id="IDEs" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1" opacity=".54"><g id="p5js-IDE-styles-foundation-pt-2" fill="#333" transform="translate(-496.000000, -1165.000000)"><polygon id="arrow-shape-copy" points="502.4 1169.397 508 1174.997 506.6 1176.397 501 1170.797 495.4 1176.397 494 1174.997 499.6 1169.397 500.997 1168" transform="translate(501.000000, 1172.198314) rotate(90.000000) translate(-501.000000, -1172.198314)"/></g></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="15" version="1.1" viewBox="0 0 10 15"><title>arrow shape copy</title><g id="IDEs" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1" opacity=".54"><g id="p5js-IDE-styles-foundation-pt-2" fill="#333" transform="translate(-496.000000, -1165.000000)"><polygon id="arrow-shape-copy" points="502.4 1169.397 508 1174.997 506.6 1176.397 501 1170.797 495.4 1176.397 494 1174.997 499.6 1169.397 500.997 1168" transform="translate(501.000000, 1172.198314) rotate(90.000000) translate(-501.000000, -1172.198314)"/></g></g></svg>
diff --git a/client/images/share.svg b/client/images/share.svg
index 692f7269d7..7136bb4e1c 100644
--- a/client/images/share.svg
+++ b/client/images/share.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Layer_1" width="100" height="100" x="0" y="0" enable-background="new 0 0 100 100" version="1.0" viewBox="0 0 100 100" xml:space="preserve"><g><path d="M77.202,60.609v12.399c0,2.08-1.681,3.761-3.761,3.761H25.761c-2.08,0-3.84-1.681-3.84-3.761v-35.44 c0-2.16,1.76-3.84,3.84-3.84h14.64v5.76h-12.72v31.521h43.761V60.609H77.202z M60.002,37.248l-2.801-11.36l22.161,16.4 L57.201,57.809l2.801-11.28c0,0-16.241-0.24-16.881,16.72h-2.88C40.241,63.248,40.001,38.368,60.002,37.248z"/></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Layer_1" width="100" height="100" x="0" y="0" enable-background="new 0 0 100 100" version="1.0" viewBox="0 0 100 100" xml:space="preserve"><g><path d="M77.202,60.609v12.399c0,2.08-1.681,3.761-3.761,3.761H25.761c-2.08,0-3.84-1.681-3.84-3.761v-35.44 c0-2.16,1.76-3.84,3.84-3.84h14.64v5.76h-12.72v31.521h43.761V60.609H77.202z M60.002,37.248l-2.801-11.36l22.161,16.4 L57.201,57.809l2.801-11.28c0,0-16.241-0.24-16.881,16.72h-2.88C40.241,63.248,40.001,38.368,60.002,37.248z"/></g></svg>
diff --git a/client/images/sort-arrow-down.svg b/client/images/sort-arrow-down.svg
index 959ff84bd0..2c5f832d8b 100644
--- a/client/images/sort-arrow-down.svg
+++ b/client/images/sort-arrow-down.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Layer_1" width="40" height="30" x="0" style="enable-background:new 0 0 100 100" y="0" version="1.0" viewBox="0 0 100 100" xml:space="preserve"><g><path d="M49.761,67.969l-17.36-30.241h34.561L49.761,67.969z"/></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Layer_1" width="40" height="30" x="0" style="enable-background:new 0 0 100 100" y="0" version="1.0" viewBox="0 0 100 100" xml:space="preserve"><g><path d="M49.761,67.969l-17.36-30.241h34.561L49.761,67.969z"/></g></svg>
diff --git a/client/images/sort-arrow-up.svg b/client/images/sort-arrow-up.svg
index 77fc7cb940..1876a91a26 100644
--- a/client/images/sort-arrow-up.svg
+++ b/client/images/sort-arrow-up.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Layer_1" width="40" height="30" x="0" style="enable-background:new 0 0 100 100" y="0" version="1.0" viewBox="0 0 100 100" xml:space="preserve"><g><path d="M49.761,37.728l17.36,30.241H32.561L49.761,37.728z"/></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="Layer_1" width="40" height="30" x="0" style="enable-background:new 0 0 100 100" y="0" version="1.0" viewBox="0 0 100 100" xml:space="preserve"><g><path d="M49.761,37.728l17.36,30.241H32.561L49.761,37.728z"/></g></svg>
diff --git a/client/images/stop.svg b/client/images/stop.svg
index 122b369071..38d38beb47 100644
--- a/client/images/stop.svg
+++ b/client/images/stop.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" version="1.1" viewBox="0 0 16 16"><title>stop</title><g id="IDEs" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="Desktop-IDE-light" fill="#ED225D" transform="translate(-280.000000, -69.000000)"><g id="IDE-CORE-+-Web-dock-&amp;-identity-zone"><g id="IDE-CORE" transform="translate(0.000000, 45.000000)"><g id="play-btns" transform="translate(202.000000, 0.000000)"><g id="stop-+-stop" transform="translate(64.000000, 10.000000)"><rect id="stop" width="16" height="16" x="14" y="14"/></g></g></g></g></g></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" version="1.1" viewBox="0 0 16 16"><title>stop</title><g id="IDEs" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="Desktop-IDE-light" fill="#ED225D" transform="translate(-280.000000, -69.000000)"><g id="IDE-CORE-+-Web-dock-&amp;-identity-zone"><g id="IDE-CORE" transform="translate(0.000000, 45.000000)"><g id="play-btns" transform="translate(202.000000, 0.000000)"><g id="stop-+-stop" transform="translate(64.000000, 10.000000)"><rect id="stop" width="16" height="16" x="14" y="14"/></g></g></g></g></g></g></svg>
diff --git a/client/images/trash-can.svg b/client/images/trash-can.svg
index 436b607132..0fee91fd60 100755
--- a/client/images/trash-can.svg
+++ b/client/images/trash-can.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="15" height="17" version="1.1" viewBox="0 0 20 20"><g id="trash" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><path id="trash" d="M18.984 3.984v2.016h-13.969v-2.016h3.469l1.031-0.984h4.969l1.031 0.984h3.469zM6 18.984v-12h12v12c0 1.078-0.938 2.016-2.016 2.016h-7.969c-1.078 0-2.016-0.938-2.016-2.016z"/></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="15" height="17" version="1.1" viewBox="0 0 20 20"><g id="trash" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><path id="trash" d="M18.984 3.984v2.016h-13.969v-2.016h3.469l1.031-0.984h4.969l1.031 0.984h3.469zM6 18.984v-12h12v12c0 1.078-0.938 2.016-2.016 2.016h-7.969c-1.078 0-2.016-0.938-2.016-2.016z"/></g></svg>
diff --git a/client/images/triangle-arrow-down-white.svg b/client/images/triangle-arrow-down-white.svg
index bad956e0ec..b1e1e3abc6 100644
--- a/client/images/triangle-arrow-down-white.svg
+++ b/client/images/triangle-arrow-down-white.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="10" version="1.1" viewBox="0 0 5 5"><title>Down Arrow</title><desc>Created with Sketch.</desc><g id="Symbols" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="environment" fill="#B5B5B5" transform="translate(-26.000000, -42.000000)"><g id="libraries" transform="translate(21.000000, 32.000000)"><polygon id="Triangle-3" points="7.5 10 10 15 5 15" transform="translate(7.500000, 12.500000) rotate(180.000000) translate(-7.500000, -12.500000)"/></g></g></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="10" version="1.1" viewBox="0 0 5 5"><title>Down Arrow</title><desc>Created with Sketch.</desc><g id="Symbols" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="environment" fill="#B5B5B5" transform="translate(-26.000000, -42.000000)"><g id="libraries" transform="translate(21.000000, 32.000000)"><polygon id="Triangle-3" points="7.5 10 10 15 5 15" transform="translate(7.500000, 12.500000) rotate(180.000000) translate(-7.500000, -12.500000)"/></g></g></g></svg>
diff --git a/client/images/triangle-arrow-down.svg b/client/images/triangle-arrow-down.svg
index bad956e0ec..b1e1e3abc6 100644
--- a/client/images/triangle-arrow-down.svg
+++ b/client/images/triangle-arrow-down.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="10" version="1.1" viewBox="0 0 5 5"><title>Down Arrow</title><desc>Created with Sketch.</desc><g id="Symbols" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="environment" fill="#B5B5B5" transform="translate(-26.000000, -42.000000)"><g id="libraries" transform="translate(21.000000, 32.000000)"><polygon id="Triangle-3" points="7.5 10 10 15 5 15" transform="translate(7.500000, 12.500000) rotate(180.000000) translate(-7.500000, -12.500000)"/></g></g></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="10" version="1.1" viewBox="0 0 5 5"><title>Down Arrow</title><desc>Created with Sketch.</desc><g id="Symbols" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="environment" fill="#B5B5B5" transform="translate(-26.000000, -42.000000)"><g id="libraries" transform="translate(21.000000, 32.000000)"><polygon id="Triangle-3" points="7.5 10 10 15 5 15" transform="translate(7.500000, 12.500000) rotate(180.000000) translate(-7.500000, -12.500000)"/></g></g></g></svg>
diff --git a/client/images/triangle-arrow-right-white.svg b/client/images/triangle-arrow-right-white.svg
index 49fd33a610..7e8c70ae6e 100644
--- a/client/images/triangle-arrow-right-white.svg
+++ b/client/images/triangle-arrow-right-white.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="10" version="1.1" viewBox="0 0 5 5"><title>Right Arrow</title><desc>Created with Sketch.</desc><g id="Symbols" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="environment" fill="#FFF" transform="translate(-26.000000, -42.000000)"><g id="libraries" transform="translate(21.000000, 32.000000)"><polygon id="Triangle-3" points="7.5 10 10 15 5 15" transform="translate(7.500000, 12.500000) rotate(90.000000) translate(-7.500000, -12.500000)"/></g></g></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="10" version="1.1" viewBox="0 0 5 5"><title>Right Arrow</title><desc>Created with Sketch.</desc><g id="Symbols" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="environment" fill="#FFF" transform="translate(-26.000000, -42.000000)"><g id="libraries" transform="translate(21.000000, 32.000000)"><polygon id="Triangle-3" points="7.5 10 10 15 5 15" transform="translate(7.500000, 12.500000) rotate(90.000000) translate(-7.500000, -12.500000)"/></g></g></g></svg>
diff --git a/client/images/triangle-arrow-right.svg b/client/images/triangle-arrow-right.svg
index ea5d03726d..62f059419b 100644
--- a/client/images/triangle-arrow-right.svg
+++ b/client/images/triangle-arrow-right.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="10" version="1.1" viewBox="0 0 5 5"><title>Right Arrow</title><desc>Created with Sketch.</desc><g id="Symbols" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="environment" fill="#B5B5B5" transform="translate(-26.000000, -42.000000)"><g id="libraries" transform="translate(21.000000, 32.000000)"><polygon id="Triangle-3" points="7.5 10 10 15 5 15" transform="translate(7.500000, 12.500000) rotate(90.000000) translate(-7.500000, -12.500000)"/></g></g></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="10" version="1.1" viewBox="0 0 5 5"><title>Right Arrow</title><desc>Created with Sketch.</desc><g id="Symbols" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="environment" fill="#B5B5B5" transform="translate(-26.000000, -42.000000)"><g id="libraries" transform="translate(21.000000, 32.000000)"><polygon id="Triangle-3" points="7.5 10 10 15 5 15" transform="translate(7.500000, 12.500000) rotate(90.000000) translate(-7.500000, -12.500000)"/></g></g></g></svg>
diff --git a/client/images/unsaved-changes-dot.svg b/client/images/unsaved-changes-dot.svg
index 921c01fe62..d7c767af4a 100644
--- a/client/images/unsaved-changes-dot.svg
+++ b/client/images/unsaved-changes-dot.svg
@@ -1 +1 @@
-<svg width="9.2" height="11" fill="currentColor" version="1.1"><circle cx="3" cy="3" r="2.8"/></svg>
\ No newline at end of file
+<svg width="9.2" height="11" fill="currentColor" version="1.1"><circle cx="3" cy="3" r="2.8"/></svg>
diff --git a/client/images/up-arrow.svg b/client/images/up-arrow.svg
index c67aa48ebe..ebfea8d4ed 100644
--- a/client/images/up-arrow.svg
+++ b/client/images/up-arrow.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14" height="9" version="1.1" viewBox="0 0 14 9"><title>arrow shape copy</title><g id="IDEs" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1" opacity=".54"><g id="p5js-IDE-styles-foundation-pt-2" fill="#333" transform="translate(-394.000000, -1168.000000)"><g id="Icons" transform="translate(16.000000, 1063.000000)"><polygon id="arrow-shape-copy" points="386.4 106.397 392 111.997 390.6 113.397 385 107.797 379.4 113.397 378 111.997 383.6 106.397 384.997 105"/></g></g></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14" height="9" version="1.1" viewBox="0 0 14 9"><title>arrow shape copy</title><g id="IDEs" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1" opacity=".54"><g id="p5js-IDE-styles-foundation-pt-2" fill="#333" transform="translate(-394.000000, -1168.000000)"><g id="Icons" transform="translate(16.000000, 1063.000000)"><polygon id="arrow-shape-copy" points="386.4 106.397 392 111.997 390.6 113.397 385 107.797 379.4 113.397 378 111.997 383.6 106.397 384.997 105"/></g></g></g></svg>