🎨(theme-picker): Order internal themes and update theme names

internal_packages/theme-picker/lib/theme-picker.jsx

@@ -47,7 +47,12 @@ class ThemePicker extends React.Component {
   }
 
   _renderThemeOptions() {
-    return this.state.themes.map((theme) =>
+    const internalThemes = ['ui-taiga', 'ui-darkside', 'ui-dark', 'ui-light'];
+    const sortedThemes = [].concat(this.state.themes);
+    sortedThemes.sort((a, b) => {
+      return (internalThemes.indexOf(a.name) - internalThemes.indexOf(b.name)) * -1;
+    });
+    return sortedThemes.map((theme) =>
       <ThemeOption
         key={theme.name}
         theme={theme}

internal_packages/ui-darkside/package.json

@@ -1,9 +1,9 @@
 {
-  "name": "Darkside",
+  "name": "ui-darkside",
   "displayName": "Darkside",
-  "theme": "Darkside",
+  "theme": "ui",
   "version": "1.0.0",
-  "description": "A customizable, dark sidebar theme for Nylas N1",
+  "description": "A customizable, dark sidebar theme for Nylas N1.",
   "license": "MIT",
   "engines": {
     "nylas": "*"

internal_packages/ui-taiga/package.json

@@ -1,9 +1,9 @@
 {
-  "name": "N1-Taiga",
+  "name": "ui-taiga",
   "displayName": "Taiga",
-  "theme": "Taiga",
+  "theme": "ui",
   "version": "0.2.8",
-  "description": "A clean, Mailbox-inspired theme for Nylas N1",
+  "description": "A clean, Mailbox-inspired theme for Nylas N1.",
   "license": "GPL-3.0",
   "engines": {
     "nylas": "*"