WIP: primer avance con la Busqueda de Propiedades

Signed-off-by: fede <federico.nicolas.polidoro@gmail.com>

Front/src/Componentes/BotonVolverArriba.svelte

@@ -0,0 +1,14 @@
+<script lang="ts">
+  const scrollToTop = () => {
+    window.scrollTo({ top: 0, behavior: "smooth" });
+  };
+</script>
+
+<button
+  class="btn btn-primary position-fixed bottom-0 end-0 mb-4 me-4 p-3"
+  on:click={scrollToTop}
+  title="Ir arriba"
+  style="z-index: 1000; "
+>
+  ↑
+</button>

Front/src/Componentes/PanelBusqueda.svelte

@@ -0,0 +1,60 @@
+
+<script>
+  let canthabitaciones = 0;
+  let servicios = ["Gas", "Internet", "Telefono", "Luz"];
+  let serviciosSel = [];
+  let tipo = 0;
+</script>
+
+<form class="card p-3" style="border: 1px solid black">
+
+<p>Busqueda Filtrada</p>
+
+  <div class="form-floating mb-3">
+    <input
+      type="number"
+      id="canthabitaciones"
+      class="form-control"
+      bind:value={canthabitaciones}
+      min="1"
+      placeholder="Cantidad de Habitaciones"
+      required
+    />
+    <label for="canthabitaciones">Cantidad de Habitaciones</label>
+  </div>
+
+  <div class="mb-3">
+    <h6 class="form-floating form-label">Servicios</h6>
+    {#each servicios as servicio}
+    <div class="form-check">
+      <input
+        type="checkbox"
+        class="form-check-input"
+        bind:group={serviciosSel}
+        value={servicio}
+        id={`servicio-${servicio}`}
+      />
+      <label class="form-check-label" for={`servicio-${servicio}`}>
+        {servicio}
+      </label>
+    </div>
+    {/each}
+  </div>
+
+  <div class="form-floating mb-3">
+    <select id="idtipo" class="form-select" bind:value={tipo} required>
+      <option value="1">Casa</option>
+      <option value="2">Piso</option>
+      <option value="3">Departamento</option>
+      <option value="4">Galpon</option>
+      <option value="5">LocalComercial</option>
+      <option value="6">Oficina</option>
+    </select>
+    <label for="idtipopropiedad">Tipo de propiedad</label>
+  </div>
+
+  <button type="submit" class="btn btn-primary w-100 d-flex align-items-center justify-content-center">
+    Buscar
+    <img src="/zoom.svg" alt="" class="ms-2" style="height: 1.2em;" />
+  </button>
+</form>

Front/src/Componentes/PublicacionPropiedad.svelte

@@ -0,0 +1,13 @@
+<script>
+  let {ubicacion, servicios} = $props();
+</script>
+
+<div class="card text-center" style="border:1px solid black">
+  <div class="card-body">
+    <div class="card-img-top">
+      <i class="bi bi-flower3" style="font-size: 3rem;"></i>
+    </div>
+    <p class="card-text mt-3">{ubicacion} - {servicios}</p>
+    <button class="btn btn-primary">Consultar</button>
+  </div>
+</div>