Upravy UI, refaktoring, davkove upravy a mazani fotek

src/pages/profile/aircraft/AircraftsPage.vue

@@ -4,6 +4,7 @@ import AircraftsList from "components/aircrafts/AircraftsList.vue";
 import {aircrafts, fetchAircrafts, loading} from "src/composables/objects/aircraft";
 import FAB from "components/FAB.vue";
 import BasicListSkeleton from "components/basicSkeletons/BasicListSkeleton.vue";
+import BasicInfoBanner from "components/banners/BasicInfoBanner.vue";
 
 onMounted(() => {
   fetchAircrafts();
@@ -13,17 +14,13 @@ onMounted(() => {
 <template>
   <BasicListSkeleton v-if="loading"/>
 
-  <div class="q-pa-md q-gutter-sm" v-else-if="!loading && aircrafts.length === 0">
-    <q-banner class="bg-light-blue text-white">
-      <template v-slot:avatar>
-        <q-icon name="info"/>
-      </template>
-      Aktuálně nemáš přidané žádné letadlo.
-      <template v-slot:action>
-        <q-btn flat color="white" :to="{name: 'addAircraft'}" label="Vytvořit letadlo"/>
-      </template>
-    </q-banner>
-  </div>
+  <BasicInfoBanner
+    v-if="!loading && aircrafts.length === 0"
+    :route-add="{name: 'addAircraft'}"
+    label-add="Vytvořit letadlo"
+  >
+    Aktuálně nemáš přidané žádné letadlo.
+  </BasicInfoBanner>
 
   <AircraftsList
     v-else