* Allow mounting arbitrary columns
* Refactor column headers, allow pinning/unpinning and moving columns around
* Collapse animation
* Re-introduce scroll to top
* Save column settings properly, do not display pin options in
single-column view, do not display collapse icon if there is
nothing to collapse
* Fix one instance of public timeline being closed closing the stream
Fix back buttons inconsistently sending you back to / even if history exists
* Getting started displays links to columns that are not mounted
pinButton=<buttonkey='pin-button'className='text-btn column-header__setting-btn'onClick={onPin}><iclassName='fa fa fa-times'/><FormattedMessageid='column_header.unpin'defaultMessage='Unpin'/></button>;
pinButton=<buttonkey='pin-button'className='text-btn column-header__setting-btn'onClick={onPin}><iclassName='fa fa fa-plus'/><FormattedMessageid='column_header.pin'defaultMessage='Pin'/></button>;
<StatusListContainer{...this.props}scrollKey='community_timeline'type='community'emptyMessage={<FormattedMessageid='empty_column.community'defaultMessage='The local timeline is empty. Write something publicly to get the ball rolling!'/>}/>
<Columnref={this.setRef}>
<ColumnHeader
icon='users'
active={hasUnread}
title={intl.formatMessage(messages.title)}
onPin={this.handlePin}
onMove={this.handleMove}
onClick={this.handleHeaderClick}
pinned={pinned}
multiColumn={multiColumn}
/>
<StatusListContainer
{...this.props}
scrollKey={`community_timeline-${columnId}`}
type='community'
emptyMessage={<FormattedMessageid='empty_column.community'defaultMessage='The local timeline is empty. Write something publicly to get the ball rolling!'/>}
<StatusListContainerscrollKey='hashtag_timeline'type='tag'id={id}emptyMessage={<FormattedMessageid='empty_column.hashtag'defaultMessage='There is nothing in this hashtag yet.'/>}/>
<Columnref={this.setRef}>
<ColumnHeader
icon='hashtag'
active={hasUnread}
title={id}
onPin={this.handlePin}
onMove={this.handleMove}
onClick={this.handleHeaderClick}
pinned={pinned}
multiColumn={multiColumn}
/>
<StatusListContainer
scrollKey={`hashtag_timeline-${columnId}`}
type='tag'
id={id}
emptyMessage={<FormattedMessageid='empty_column.hashtag'defaultMessage='There is nothing in this hashtag yet.'/>}
<StatusListContainer{...this.props}type='public'scrollKey='public_timeline'emptyMessage={<FormattedMessageid='empty_column.public'defaultMessage='There is nothing here! Write something publicly, or manually follow users from other instances to fill it up'/>}/>
<Columnref={this.setRef}>
<ColumnHeader
icon='globe'
active={hasUnread}
title={intl.formatMessage(messages.title)}
onPin={this.handlePin}
onMove={this.handleMove}
onClick={this.handleHeaderClick}
pinned={pinned}
multiColumn={multiColumn}
/>
<StatusListContainer
{...this.props}
type='public'
scrollKey={`public_timeline-${columnId}`}
emptyMessage={<FormattedMessageid='empty_column.public'defaultMessage='There is nothing here! Write something publicly, or manually follow users from other instances to fill it up'/>}