Add update indicator to dashboard widget "states"

[mStirner]

Currenlty there is no visible indactor like in the endpoint states display, the value just change.
Add the blue indicator to the widget.

[mStirner]

  mounted() {

    watch(() => {
       //return this.data.states.map(item => item.value);
      return this.wantedStates.map((id) = { return this.getStateById_asdf24443(id)}).value;
    }, (newValues, oldValues) => {

      newValues.forEach((newValue, index) => {
        if (newValue !== oldValues[index] && settings.enableAnimationOnStateUpdate) {
          this.animations[index] = true;
        }
      });

    }, {
      deep: false
    });

  },

See:

• frontend/src/views/Endpoint.vue

  Line 29 in 71e89c7

  animations: reactive({})

• frontend/src/views/Endpoint.vue

  Lines 39 to 56 in 71e89c7

  	watch(() => {
  	return this.data.states.map(item => item.value);
  	}, (newValues, oldValues) => {
  	/*
  	console.group("Watcher");
  	console.log("Old Values:", oldValues);
  	console.log("New Values:", newValues);
  	*/
  	newValues.forEach((newValue, index) => {
  	if (newValue !== oldValues[index] && settings.enableAnimationOnStateUpdate) {
  	//console.log(`Änderung erkannt bei Index ${index}: ${oldValues[index]} -> ${newValue}`);
  	this.animations[index] = true;
  	}
  	});

• frontend/src/views/Endpoint.vue

  Lines 215 to 217 in 71e89c7

  	<i :class="{ 'meine-text-animation': animations[index] }" @animationend="resetAnimation(index)">
  	{{ state.value }}
  	</i>