Pridan intersection na galeriii a mapu -> zrychleni

src/components/flights/FlightBasicInfo.vue

@@ -134,7 +134,7 @@ const props = defineProps({
       </q-item-section>
     </q-item>
 
-    <q-item v-if="flight.event && flight.event.isPublic">
+    <q-item v-if="flight.event && (loggedUser || flight.event.isPublic)">
       <q-item-section avatar>
         <q-icon name="event"/>
       </q-item-section>

src/components/flights/FlightTrackMap.vue

@@ -102,6 +102,7 @@ const chartOptions = {
 
 <template>
   <q-no-ssr>
+    <q-intersection>
       <MapWithMarkers
         v-if="displayMap"
         style="width: 100%; height: 500px;"
@@ -113,5 +114,6 @@ const chartOptions = {
 
       <Line v-if="gpxTrack" :data="chartSpeedData" :options="chartOptions"/>
       <Line v-if="gpxTrack" :data="chartAltitudeData" :options="chartOptions"/>
+    </q-intersection>
   </q-no-ssr>
 </template>

src/components/photos/PhotoGallery.vue

@@ -81,7 +81,7 @@ watch(() => [openedPhoto.value, $lightbox.value], () => {
 
 <template>
   <div :id="galleryId" class="row">
-    <div class="col-6 col-sm-4 col-md-4 col-lg-3 q-pa-sm" v-for="photo in photos" :key="photo.id">
+    <q-intersection v-for="photo in photos" :key="photo.id" class="col-6 col-sm-4 col-md-4 col-lg-3 q-pa-sm">
         <a
           :href="photo.url"
           :data-pswp-width="photo.width"
@@ -101,6 +101,7 @@ watch(() => [openedPhoto.value, $lightbox.value], () => {
           </q-img>
           <PhotoCaption :photo="photo"/>
         </a>
-    </div>
+    </q-intersection>
+
   </div>
 </template>