Add in some hierarchy to the game detail view

frontend/src/vues/GameDetails.vue

@@ -1,23 +1,30 @@
 <template>
-  <div>#{{ game.id }} - {{game.title}}</div>
-  <div>{{game.gamemaster}}</div>
   <div>
-    Payout 
+    <h1>#{{ game.id }} - {{ game.title }}</h1>
-    <div>{{game.payoutEB}} eb</div>
+  </div>
-    <div>{{game.payoutIP}} IP</div>
+  <div>
-    <div>{{game.payoutLoot}}</div>
+    <h2>GameMaster: {{ game.gamemaster }}</h2>
+  </div>
+  <div>
+    <h3>Payout</h3>
+    <div>{{ game.payoutEB }} eb</div>
+    <div>{{ game.payoutIP }} IP</div>
+    <div>{{ game.payoutLoot }}</div>
+  </div>
 
-    <div>Picks</div>
+  <div>
+    <h3>Picks</h3>
     <div v-for="pick in picks">
-      {{pick.characterName}}
+      {{ pick.characterName }}
+    </div>
   </div>
 
-    <div>Apps</div>
+  <div>
+    <h3>Apps</h3>
     <div v-for="app in apps">
-      {{app.characterName}}
+      {{ app.characterName }}
     </div>
   </div>
-
 </template>
 
 <script setup lang="ts">
@@ -58,5 +65,4 @@ async function loadApps() {
   const response = await axios.post(`/api/game/${gameId.value}/apps`)
   apps.value = response.data
 }
-
 </script>