New image. Update some vars

src/components/boat/BoatPickerComponent.vue

@@ -8,7 +8,7 @@
   >
     <template v-slot:prepend>
       <q-item-section avatar>
-        <q-img v-if="boat?.iconsrc" :src="boat?.iconsrc" />
+        <q-img v-if="boat?.iconSrc" :src="boat?.iconSrc" />
         <q-icon v-else name="sailing" />
       </q-item-section>
     </template>

src/components/boat/BoatPreviewComponent.vue

@@ -1,9 +1,9 @@
 <template>
   <q-card v-for="boat in boats" :key="boat.id" flat class="mobile-card">
     <q-card-section>
-      <q-img :src="boat.imgsrc" :fit="'scale-down'">
+      <q-img :src="boat.imgSrc" :fit="'scale-down'">
         <div class="row absolute-top">
-          <div class="col text-h5 text-left">{{ boat.name }}</div>
+          <div class="col text-h6 text-left">{{ boat.name }}</div>
           <div class="col text-right">{{ boat.class }}</div>
         </div>
       </q-img>