fix: some token display errors

pages/game.vue

@@ -10,7 +10,6 @@ import {
   leaveGame,
   surrender,
 } from "~/netcode";
-import { delay } from "~/netcode/events";
 import {
   type Container,
   type Effect,
@@ -28,7 +27,6 @@ const gameId = route.query.id;
 
 const {
   data: game,
-  pending,
   error,
   refresh,
   execute,
@@ -235,8 +233,8 @@ onUnmounted(() => {
 
       </div>
 
-      <ClientOnly>
-        <div id="turn_buttons" v-if="game">
+      <ClientOnly v-if="game">
+        <div id="turn_buttons">
           <template v-if="game.started">
             <button id="end_turn" class="end_turn_button turn_icon" :class="{ hidden: !isTurn }"
               @click="endTurn(game._id)" v-if="isTurn">
@@ -257,7 +255,8 @@ onUnmounted(() => {
           </template>
         </div>
         <div>
-          <button v-if="game && game.started && selfPlayer" class="red" @click="surrender(game._id)">
+          <button v-if="game.started && selfPlayer && game.owner._id != selfPlayer.user._id" class="red"
+            @click="surrender(game._id)">
             Surrender
           </button>
           <button @click="navigateTo('/lobby')">Return to lobby</button>