[previews] Annotation Data is inconsistent between players

Annotation Data is inconsistent between Preview Player and Playlist Player (#1638):

* updates frame number on save to match player.js frame
* adds note on changed data depending where function is called, adds same offset to PreviewPlayer saved annotations to match player.js
* remove unneccessray console.log

src/components/mixins/annotation.js

@@ -259,7 +259,7 @@ export const annotationMixin = {
     addToAdditions(obj) {
       this.markLastAnnotationTime()
       const currentTime = this.getCurrentTime()
-      const currentFrame = this.getCurrentFrame()
+      const currentFrame = this.getCurrentFrame() // this is different, depending if it is called in PreviewPlayer or player.js
       const additions = this.findAnnotation(this.additions, currentTime)
       if (additions) {
         additions.drawing.objects.push(obj.serialize())

src/components/previews/PreviewPlayer.vue

@@ -1126,10 +1126,10 @@ export default {
 
     getCurrentFrame() {
       if (this.currentFrame) {
-        return this.currentFrame
+        return this.currentFrame + 1 //match offset in player.js
       } else {
         const time = roundToFrame(this.currentTimeRaw, this.fps) || 0
-        return Math.round(time / this.frameDuration)
+        return Math.round(time / this.frameDuration) + 1 //match offset in player.js
       }
     },