add sharing functionality to RecordingPage

            <app-like collection="recordings" :id="recording.id"/>

            <app-download look="transparent" class="ml-3" :name="$t('recording_page.download_name')"

                          v-if="trackDownloadUrls" :files="trackDownloadUrls"/>

            <app-share look="transparent" class="ml-3" :name="recording.title" :payload="shareData"/>

          </div>

        </app-field>

        <app-auto-grid :sizes="{ md: [2, 1], lg: [2, 1], xl: [2, 1] }" :gap-modifier="2">

          omit: this.recording.id,

          is_available: 1

        }

      },

      shareData () {

        const { title, description } = this.recording

        return {

          title,

          text: description !== title ? description : null,

          url: window.location.origin + this.$route.path

        }

      }

    },

    inject: ['dataSources', 'env']