Refactor the sidebar items into separate tiddlers

With some better styling too

core/ui/Manager/ItemSidebarColour.tid

@@ -0,0 +1,15 @@
+title: $:/Manager/ItemSidebar/Colour
+tags: $:/tags/Manager/ItemSidebar
+caption: Colour
+
+\define swatch-styles()
+height: 1em;
+background-color: $(colour)$
+\end
+
+<$vars colour={{!!color}}>
+<p style=<<swatch-styles>>/>
+</$vars>
+<p>
+<$edit-text field="color" tag="input" type="color"/> / <$edit-text field="color" tag="input" type="text" size="9"/>
+</p>

core/ui/Manager/ItemSidebarIcon.tid

@@ -0,0 +1,9 @@
+title: $:/Manager/ItemSidebar/Icon
+tags: $:/tags/Manager/ItemSidebar
+caption: Icon
+
+<p>
+<$macrocall $name="image-picker-dropdown" image-tiddler={{!!icon}} fallback="(none)" actions="""
+<$action-setfield $field="icon" $value=<<imageTitle>>/>
+"""/>
+</p>

core/ui/Manager/ItemSidebarTagsEditor.tid

@@ -0,0 +1,16 @@
+title: $:/Manager/ItemSidebar/Tags
+tags: $:/tags/Manager/ItemSidebar
+caption: Tags
+
+<p>
+<$list filter="[is[current]tags[]] [list[$:/config/Manager/RecentTags]] +[sort[title]] " variable="tag">
+<div>
+<$checkbox tiddler=<<currentTiddler>> tag=<<tag>> actions=<<tag-checkbox-actions>>>
+<$macrocall $name="tag-pill" tag=<<tag>>/>
+</$checkbox>
+</div>
+</$list>
+</p>
+<p>
+<$macrocall $name="tag-picker" actions=<<tag-picker-actions>>/>
+</p>

core/ui/Manager/ItemSidebarTools.tid

@@ -0,0 +1,10 @@
+title: $:/Manager/ItemSidebar/Tools
+tags: $:/tags/Manager/ItemSidebar
+caption: Tools
+
+<p>
+<$button to=<<currentTiddler>>>{{$:/core/images/link}} open</$button>
+</p>
+<p>
+<$button message="tm-edit-tiddler" param=<<currentTiddler>>>{{$:/core/images/edit-button}} edit</$button>
+</p>