fix(falukant): map house types to matching models

frontend/src/views/falukant/HouseView.vue

@@ -133,7 +133,12 @@
             <h3>{{ $t('falukant.house.buyablehouses') }}</h3>
             <div class="houses-list">
                 <div v-for="house in buyableHouses" :key="house.id" class="house-item">
-                    <div class="house-preview house-preview--static" aria-hidden="true">⌂</div>
+                    <House3D
+                        v-if="house.houseType?.labelTr"
+                        class="house-preview"
+                        :model="houseModel(house.houseType)"
+                        :label="$t(`falukant.house.type.${house.houseType.labelTr}`)"
+                    />
                     <div class="house-info">
                         <h4>{{ $t(`falukant.house.type.${house.houseType.labelTr}`) }}</h4>
                         <div class="buyable-house-stats">
@@ -594,16 +599,6 @@ h2 {
     border-radius: 4px;
 }
 
-.house-preview--static {
-    display: grid;
-    place-items: center;
-    color: #75553d;
-    background: linear-gradient(145deg, #f6ecd9, #dbc19a);
-    border: 1px solid rgba(117, 85, 61, 0.25);
-    font-size: 4rem;
-    line-height: 1;
-}
-
 .house-info {
     width: 100%;
     display: flex;