Merge branch 'logicamerga' into LogicaContratos

Front/src/App.svelte

@@ -16,6 +16,7 @@
   import BusquedaPropiedades from "./paginas/BusquedaPropiedades.svelte";
   import ControlUsuarios from "./paginas/AdminUsuarios.svelte";
   import ControlPropiedades from "./paginas/AdminPropiedades.svelte";
+    import Notificaciones from "./paginas/Notificaciones.svelte";
 </script>
 
 <Router>
@@ -90,6 +91,10 @@
     <ProteRoute componente={FrontInformes}/>
   </Route>
 
+  <!--Notificaciones-->
+  <Route path="/notificaciones">
+    <ProteRoute componente={Notificaciones}/>
+  </Route>
   
 	
 </Router>

Front/src/Componentes/NavBarAutocompletable.svelte

@@ -63,13 +63,16 @@
         <img src="/home.svg" alt="Volver al Menú"/>
       </a>
     </div>
-    <button class="badge btn btn-outline-primary" onclick={toggleTheme} style="background-color: cadetblue;">
+    <button class="badge btn" onclick={toggleTheme} style="background-color: cadetblue;">
       {#if theme === "light" }
       <img src="/toggle-left.svg" alt=""/>
       {:else}
       <img src="/toggle-right.svg" alt=""/>
       {/if}
     </button>
+    <button class="badge btn btn-info" onclick={()=>navigate("/notificaciones")}>
+      <img src="/bell.svg" alt=""> 
+    </button>
   </div>
   <NavbarToggler on:click={() => (isOpen = !isOpen)} />
   <Collapse isOpen={isOpen} navbar expand="md">

Front/src/paginas/Notificaciones.svelte

@@ -0,0 +1,7 @@
+<script lang="ts">
+    import NavBarAutocompletable from "../Componentes/NavBarAutocompletable.svelte";
+
+
+</script>
+
+<NavBarAutocompletable/>