fix: id of content to be unique

`content` is already used as an id in the server template:
https://github.com/nextcloud/server/blob/c10317f7f9f53a4de464915f754896eed7f1ee6c/core/templates/layout.user.php#L125

Make sure to have a unique id and to replace the correct dom element when mounting the vue app.

The app uses NcAppContent which is rendered as a `<main>` tag.
Mount the app on `main#content` from the server template
so there is only one `<main>` on the page.

Signed-off-by: Max <max@nextcloud.com>

Author: max-nextcloud

src/App.vue

@@ -1,5 +1,5 @@
 <template>
-	<div id="content" class="app-notestutorial">
+	<div id="vue-content" class="app-notestutorial">
 		<NcAppNavigation>
 			<NcAppNavigationNew v-if="!loading"
 				:text="t('notestutorial', 'New note')"

templates/main.php

@@ -1 +1,8 @@
-<div id="content"></div>
+<!--
+This is an empty template on purpose.
+Nextcloud server renders it inside the default layout
+in the <main id="content"> tag.
+
+The vue app created in src/main.js replaces the main tag.
+Therefore any content provided here will be overwritten.
+-->