[NFC] Add display name for custom React components

This improves readability of "Components" tab from React Development Tools extension for Chrome

shared/homebrewery/renderWarnings/renderWarnings.jsx

@@ -7,6 +7,7 @@ const cx    = require('classnames');
 const DISMISS_KEY = 'dismiss_render_warning';
 
 const RenderWarnings = createClass({
+	displayName : 'RenderWarnings',
 	getInitialState : function() {
 		return {
 			warnings : {}

shared/naturalcrit/codeEditor/codeEditor.jsx

@@ -40,6 +40,7 @@ if(typeof navigator !== 'undefined'){
 }
 
 const CodeEditor = createClass({
+	displayName : 'CodeEditor',
 	getDefaultProps : function() {
 		return {
 			language      : '',

shared/naturalcrit/nav/nav.jsx

@@ -8,6 +8,7 @@ const NaturalCritIcon = require('naturalcrit/svg/naturalcrit.svg.jsx');
 
 const Nav = {
 	base : createClass({
+		displayName : 'Nav.base',
 		render : function(){
 			return <nav>
 				<div className='navContent'>
@@ -26,6 +27,7 @@ const Nav = {
 	},
 
 	section : createClass({
+		displayName : 'Nav.section',
 		render : function(){
 			return <div className='navSection'>
 				{this.props.children}
@@ -34,6 +36,7 @@ const Nav = {
 	}),
 
 	item : createClass({
+		displayName : 'Nav.item',
 		getDefaultProps : function() {
 			return {
 				icon    : null,
@@ -69,6 +72,7 @@ const Nav = {
 	}),
 
 	dropdown : createClass({
+		displayName : 'Nav.dropdown',
 		getInitialState : function() {
 			return {
 				showDropdown : false

shared/naturalcrit/splitPane/splitPane.jsx

@@ -5,6 +5,7 @@ const _ = require('lodash');
 const cx = require('classnames');
 
 const SplitPane = createClass({
+	displayName : 'SplitPane',
 	getDefaultProps : function() {
 		return {
 			storageKey   : 'naturalcrit-pane-split',
@@ -77,6 +78,7 @@ const SplitPane = createClass({
 });
 
 const Pane = createClass({
+	displayName : 'Pane',
 	getDefaultProps : function() {
 		return {
 			width : null