Fix Canvas initial position and add tags popover

pages/Home.vue

@@ -1,20 +0,0 @@
-<template>
-    <div class="render-container-inner" >
-        <div class="publish-renderer">
-            <div class="markdown-preview-view markdown-rendered node-insert-event hide-title">
-                <div class="markdown-preview-sizer markdown-preview-section" style="padding-bottom: 0px;">
-                    <h1>Bonjour :)</h1>
-                </div>
-            </div>
-            <div class="extra-title">
-                <span class="extra-title-text">Home</span>
-                <span aria-label="Close page" role="button">
-                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="svg-icon lucide-x">
-                        <line x1="18" y1="6" x2="6" y2="18"></line>
-                        <line x1="6" y1="6" x2="18" y2="18"></line>
-                    </svg>
-                </span>
-            </div>
-        </div>
-    </div>
-</template>

pages/[...slug].vue

@@ -1,13 +1,6 @@
 <script setup lang="ts">
 const { page } = useContent()
-
-/*function toggleCollapse(e: HTMLElement)
-{
-    e.classList.toggle('is-collapsed');
-    const children = [...e.children];
-    children.splice(0, 1);
-    children.forEach(e => e.classList);
-}*/
+useContentHead(page);
 
 onMounted(() => {
     document.querySelectorAll('.callout.is-collapsible .callout-title').forEach(e => {

pages/tags/[...slug].vue

@@ -1,3 +0,0 @@
-<template>
-    Tags
-</template>

pages/tags/index.vue

@@ -1,12 +0,0 @@
-<script setup lang="ts">
-const query = await queryContent().where({
-    tags: { $exists: true }
-}).find();
-</script>
-
-<template>
-    <div v-for="article in query" :key="article._path">
-        <h2>{{ article.title }}</h2>
-        <p>{{ article.description }}</p>
-    </div>
-</template>