Slave Interact now displays first name as header

src/interaction/siNavigation.js

@@ -20,9 +20,11 @@ App.UI.SlaveInteract.navigation = function(slave) {
 	const div = App.UI.DOM.appendNewElement("div", p, null);
 	const previous = App.UI.DOM.makeElement("span", null, ['adjacent-slave', 'margin-right']);
 	const next = App.UI.DOM.makeElement("span", null, ['adjacent-slave', 'margin-left']);
-	const name = App.UI.DOM.makeElement("h1", SlaveFullName(slave), ['slave-name']);
+	const name = App.UI.DOM.makeElement("h1", slave.slaveName, ['slave-name']);
+	const favorite = App.UI.DOM.makeElement("span", App.UI.favoriteToggle(slave));
 
 	name.style.display = 'inline-block';
+
 	previous.id = "prev-slave";
 	next.id = "next-slave";
 
@@ -37,7 +39,7 @@ App.UI.SlaveInteract.navigation = function(slave) {
 			() => { V.AS = placeInLine[1]; }), ["adjacent-slave"]),
 		App.UI.DOM.makeElement("span", App.UI.Hotkeys.hotkeys("next-slave"), ['hotkey']),
 	);
-	name.append(` `, App.UI.DOM.makeElement("span", App.UI.favoriteToggle(slave)));
+	name.append(` `, favorite);
 
 	div.append(
 		previous,