añadido tema oscuro, y programada la funcion de busqueda

Front/src/Componentes/PublicacionPropiedad.svelte

@@ -1,13 +1,26 @@
-<script>
-  let {ubicacion, servicios} = $props();
+<script lang="ts">
+  import type { PropiedadDto } from "../types";
+  let { prop }: { prop: PropiedadDto } = $props();
 </script>
 
-<div class="card text-center" style="border:1px solid black">
+<div class="card text-center border shadow-sm">
+  <div class="card-header bg-primary text-white">
+    <h5 class="mb-0">{prop.tipo}</h5>
+  </div>
   <div class="card-body">
-    <div class="card-img-top">
-      <i class="bi bi-flower3" style="font-size: 3rem;"></i>
+    <div class="card-img-top mb-3">
+      <i class="bi bi-building" style="font-size: 3rem;"></i>
     </div>
-    <p class="card-text mt-3">{ubicacion} - {servicios}</p>
+    <h6 class="card-title">{prop.ubicacion}</h6>
+    <p class="card-text">
+      <strong>Habitaciones:</strong> {prop.canthabitaciones}<br>
+      <strong>Piso:</strong> {prop.piso || "N/A"}<br>
+      <strong>Letra:</strong> {prop.letra || "N/A"}<br>
+      <strong>Servicios:</strong> {prop.servicios || "Sin servicios especificados"}
+    </p>
     <button class="btn btn-primary">Consultar</button>
   </div>
+  <div class="card-footer text-muted">
+    ID Propiedad: {prop.id}
+  </div>
 </div>