Prace s mapou, refresh tokenu (tak nejak), uprava vypisu POI, pridani breadcrumbs

src/layouts/ProfileLayout.vue

@@ -12,7 +12,7 @@
         />
 
         <q-toolbar-title>
-          {{ app.pageTitle.value || "Polétání.cz"}}
+          {{ pageTitle || "Polétání.cz" }}
         </q-toolbar-title>
 
       </q-toolbar>
@@ -27,10 +27,10 @@
       <q-img class="absolute-top" src="https://galerie.kvacek.cz/_data/i/upload/2022/06/22/20220622102027-b104fc0d-me.jpg" style="height: 150px">
         <div class="absolute-bottom bg-transparent">
           <q-avatar size="56px" class="q-mb-sm">
-            <q-img :src="loggedUser.avatarImageUrl" />
+            <q-img :src="loggedUser.avatarImageUrl"/>
           </q-avatar>
 
-          <div class="text-weight-bold">{{loggedUser.name}}</div>
+          <div class="text-weight-bold">{{ loggedUser.name }}</div>
         </div>
       </q-img>
       <q-scroll-area style="height: calc(100% - 150px); margin-top: 150px; border-right: 1px solid #ddd">
@@ -47,24 +47,28 @@
     </q-drawer>
 
     <q-page-container class="q-px-md">
-      <BreadcrumbsNavigation :items="app.breadcrumbs.value" />
+      <BreadcrumbsNavigation class="q-my-md" :items="breadcrumbs"/>
       <router-view/>
     </q-page-container>
   </q-layout>
 </template>
 
 <script setup>
-import {onMounted, ref} from 'vue'
-import NavigationButton from "../components/navigation/NavigationButton.vue";
+import {onMounted, ref, watch} from 'vue'
+import NavigationButton from "components/navigation/NavigationButton.vue";
 import {useUserStore} from "stores/User";
 import {storeToRefs} from "pinia";
 import BreadcrumbsNavigation from "components/BreadcrumbsNavigation.vue";
 import {useAppStore} from "stores/App";
+import {useMeta} from "quasar";
 
-const app = storeToRefs(useAppStore());
+const {pageTitle, breadcrumbs} = storeToRefs(useAppStore());
+useMeta(() => ({
+  title: pageTitle.value !== '' ? `${pageTitle.value} - Polétání.cz` : 'Polétání.cz'
+}));
 
 const linksList = [
-   {
+  {
     title: 'Přidat let',
     icon: 'airplane_ticket',
     to: {name: "addFlight"}
@@ -81,7 +85,6 @@ const linksList = [
     to: {name: "aircrafts"}
   },
   {separator: true},
-
   {
     title: 'Zajímavá místa',
     icon: "place",