Interface conversion, search bar layout

src-angular/app/core/services/settings.service.ts

@@ -1,6 +1,8 @@
 import { DOCUMENT } from '@angular/common'
 import { Inject, Injectable } from '@angular/core'
 
+import { Difficulty, Instrument } from 'scan-chart'
+
 import { Settings, themes } from '../../../../src-shared/Settings'
 
 @Injectable({
@@ -31,6 +33,22 @@ export class SettingsService {
 		this.document.documentElement.setAttribute('data-theme', theme)
 	}
 
+	get instrument() {
+		return this.settings.instrument
+	}
+	set instrument(newValue: Instrument | null) {
+		this.settings.instrument = newValue
+		this.saveSettings()
+	}
+
+	get difficulty() {
+		return this.settings.difficulty
+	}
+	set difficulty(newValue: Difficulty | null) {
+		this.settings.difficulty = newValue
+		this.saveSettings()
+	}
+
 	// Individual getters/setters
 	get libraryDirectory() {
 		return this.settings.libraryPath