Bugfixing infinite scrollu u seznamu letu, novy vzhled detailu letu

src/pages/public/pilotProfile/FlightsListPage.vue

@@ -28,19 +28,18 @@ useMeta(() => metaData({
 useAppStore().setPageTitle(props.pilot.publicUsername);
 useAppStore().setBreadcrumbs(publicProfileBreadcrumbs(props.pilot, false))
 
-const {filters, loadPage, paginationLimit} = usePagination({fetchFunction: useFlightsStore().fetchPublic});
-filters.value = {username: props.pilot.publicUsername};
+const {loadPage, handleFiltersChanged} = usePagination({fetchFunction: useFlightsStore().fetchPublic});
 onMounted(() => {
-  loadPage(false);
+  handleFiltersChanged({username: props.pilot.publicUsername})
 });
 
-const {flights, totalItemsCount, isQueryRunning: areFlightsLoading} = storeToRefs(useFlightsStore());
+const {flights, isQueryRunning: areFlightsLoading} = storeToRefs(useFlightsStore());
 </script>
 
 <template>
   <PublicFlightEventSwitcher :username="pilot?.publicUsername"/>
 
-  <FlightsListSkeleton :items="paginationLimit" v-if="areFlightsLoading && flights?.length === 0"/>
+  <FlightsListSkeleton v-if="areFlightsLoading && flights?.length === 0"/>
 
   <q-banner class="bg-primary text-white" v-else-if="!areFlightsLoading && flights.length === 0">
     Tento pilot zatím nepublikoval žádný let.
@@ -49,9 +48,6 @@ const {flights, totalItemsCount, isQueryRunning: areFlightsLoading} = storeToRef
   <FlightsList
     v-else
     :items="flights"
-    :total-items-count="totalItemsCount"
-    :is-query-running="areFlightsLoading"
-    :items-per-page="paginationLimit"
     :public="true"
     @load-more="loadPage(true)"
   />