Follow-up from "feat: fab with highlight all/none"

The following discussion from !168 (merged) should be addressed:

  • @schneider210 started a discussion: (+1 comment)

    I'd like to suggest to split our template: e.g. having a single component for the list, another one for the highlight buttons and an additional one for the (upcoming) anno-type toggles to keep the code leaner and maintainable this time. If you agree, I could turn it into a mixin along with the data needed herefore.

    So this suggestion applies to the following lines as well dealing with the buttons.

    Our complete template could finally look sth like this:

    <template>
      <div
        v-if="annotations.length"
        class="q-ma-sm annotations"
      >
        <AnnotationTypes />
    
        <AnnotationList />
    
        <AnnotationOptions />
      </div>
    
      <div
        v-else
        class="q-pa-sm"
      >
        <Notification :message="$t(messages.none)" />
      </div>
    </template>