fix: login url fragment and refresh token

Services/client/src/components/Profile.vue

@@ -1,10 +1,8 @@
 <script setup lang="ts">
+import { getUsername, logout } from '@/services/KeyCloakService'
 import { ref } from 'vue'
-import KeyCloakService from '@/services/KeyCloakService'
 const dropdownOpen = ref<boolean>(false)
-const accountName = ref<string>()
-
-accountName.value = KeyCloakService.GetUserName()
+const accountName = ref<string>(getUsername())
 </script>
 
 <template>
@@ -32,16 +30,7 @@ accountName.value = KeyCloakService.GetUserName()
   </div>
   <q-btn-dropdown stretch flat v-model="dropdownOpen">
     <q-list>
-      <q-item
-        clickable
-        v-close-popup
-        tabindex="0"
-        @click="
-          () => {
-            KeyCloakService.CallLogOut()
-          }
-        "
-      >
+      <q-item clickable v-close-popup tabindex="0" @click="() => logout()">
         <q-item-section avatar>
           <q-avatar icon="logout" color="primary" text-color="white" caption>
           </q-avatar>
@@ -50,7 +39,6 @@ accountName.value = KeyCloakService.GetUserName()
           <q-item-label>Logout</q-item-label>
         </q-item-section>
       </q-item>
-      <q-separator inset spaced></q-separator>
     </q-list>
   </q-btn-dropdown>
 </template>