Add possibility to switch between profiles

src/popup.js

@@ -272,6 +272,12 @@ chrome.storage.sync.get('defaultBoardSwitch', function (result) {
 document
 	.querySelector('.profile-icon.new-profile')
 	.addEventListener('click', addColorProfile);
+document
+	.querySelector('#leftPicker')
+	.addEventListener('click', () => shiftCurrentProfile(-1));
+document
+	.querySelector('#rightPicker')
+	.addEventListener('click', () => shiftCurrentProfile(1));
 
 //Functions
 function boardSwitch(toggle) {
@@ -388,6 +394,24 @@ function addColorProfile() {
 	}
 }
 
+function shiftCurrentProfile(delta) {
+	let listProfiles = document.querySelectorAll('.profile-icon.profile');
+	let n = listProfiles.length;
+	let currentIndex = 0;
+
+	for (let i = 0; i < n; i++) {
+		if (listProfiles[i].classList.contains('current')) {
+			listProfiles[i].classList.remove('current');
+			currentIndex = i;
+		}
+	}
+	currentIndex = (((currentIndex + delta) % n) + n) % n;
+	listProfiles[currentIndex].classList.add('current');
+
+	document.querySelector('#currentProfile').textContent =
+		'profile' + currentIndex.toString();
+}
+
 const hideBoardColorSelectors = () => {
 	boardColorSelector.forEach((item) => {
 		item.style.display = 'none';