Start admin pages

app/pages/hunt/[huntSlug]/index.vue

@@ -43,7 +43,12 @@ async function invite() {
 <template>
   <h1 class="text-2xl">
     {{ data?.name || name }}
-    <VaChip color="danger" v-if="data?.isMember">Admin</VaChip>
+    <VaButton
+      color="danger"
+      v-if="data?.isMember"
+      :to="$localePath(`/hunt/${sluggy(data)}/admin`)"
+      >Admin</VaButton
+    >
     <VaChip v-if="data?.totalScore" class="float-right" color="success"
       >Total points: {{ data!!.totalScore }}</VaChip
     >
@@ -112,12 +117,12 @@ async function invite() {
         >
       </VaCardActions>
     </VaCard>
-    <div class="flex flex-row gap-2" v-else>
+    <div class="flex flex-row gap-2" v-else-if="!data.isMember">
       <VaSwitch v-model="hideAnswers" icon="image">Hide answers</VaSwitch>
     </div>
     <VaDivider />
     <div
-      v-if="data.revealQuests"
+      v-if="data.revealQuests || data.isMember"
       class="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-4"
     >
       <VaCard
@@ -141,6 +146,7 @@ async function invite() {
         ></VaImage>
         <VaCardContent>
           <p class="line-clamp-1">{{ quest.description }}</p>
+
           <div v-if="!hideAnswers && quest.answer?.text">
             <VaDivider />
             <p class="line-clamp-1">
@@ -148,6 +154,13 @@ async function invite() {
             </p>
           </div>
         </VaCardContent>
+        <VaCardActions v-if="data.isMember">
+          <VaButton
+            color="danger"
+            :to="$localePath(`/hunt/${sluggy(data)}/${sluggy(quest)}/admin`)"
+            >Admin</VaButton
+          >
+        </VaCardActions>
       </VaCard>
     </div>
     <VaCard v-else color="warning" class="mt-4"