use action from store instead of directly modifying state in components

src/stores/user.js

@@ -1980,6 +1980,13 @@ export const useUserStore = defineStore('User', () => {
         userDialog.value.memo = value;
     }
 
+    /**
+     * @param {string} value
+     */
+    function setCurrentUserColour(value) {
+        currentUser.value.$userColour = value;
+    }
+
     /**
      *
      */
@@ -2026,6 +2033,7 @@ export const useUserStore = defineStore('User', () => {
         handleConfig,
         showSendBoopDialog,
         setUserDialogMemo,
+        setCurrentUserColour,
         checkNote,
         toggleSharedConnectionsOptOut,
         toggleDiscordFriendsOptOut