fix typos and style

resources/docs/docs/creation-projet/create_project.md

@@ -3,9 +3,9 @@
 ## ng new
 Pour cela rien de plus simple : place-toi où tu souhaites ajouter ton nouveau projet, ouvre un terminal et lance :
 
-```bash
+<code>
 ng new <em>ton-super-nom-de-projet</em> --skip-tests=true
-```
+</code>
 
 On te pose alors deux questions, utilise les flèches de ton clavier pour répondre :
 

resources/docs/docs/gestion-film/actions.md

@@ -32,8 +32,9 @@ Par exemple pour la suppression d'un film :
     ```
 === "TS du composant" 
     ```ts
+    private destroyRef = inject(DestroyRef)    
     deleteMovie(id: number): void {
-        this.moviesService.deleteMovie(id).subscribe(() => 
+        this.moviesService.deleteMovie(id).pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => 
             this.movies = this.movies.filter(film => film.id !== id)
         );
     }
@@ -64,6 +65,6 @@ Voici les grandes étapes à faire :
 !!! Success "🙋‍♀️ Checkpoint time 🙋‍"
     <h1>Appelle-nous pour qu'on valide cette partie !!️</h1>
 
-Maintentant tu peux faire la page admin :) ! https://allocine.takima.dev/panel-admin
+Maintentant tu peux faire la [page admin](https://allocine.takima.dev/panel-admin){:target="_blank"} :) ! 
 
 

resources/docs/docs/premiere-page/home.md

@@ -189,12 +189,11 @@ Maintenant, on remplace nos balises `<p></p>` par notre nouveau composant dans l
 ```
 Nous avons besoin de passer les informations de la variable `movie` à notre `MovieComponent`.
 
-??? Tip "Rappel"
-    Pour ça, souviens-toi, c'est avec le décorateur *@Input()* et le property binding []
-
+Pour ça, souviens-toi, c'est avec le décorateur `@Input()` et le property binding `[]`
 
-- Dans `movie.component.ts`, on ajoute donc `@Input({required: true}) movie!: Movie`
-- Dans `home.component.html`, on ajoute le property binding `[movie]=movie`
+??? Success "Solution"
+    - Dans `movie.component.ts`, on ajoute donc `@Input({required: true}) movie!: Movie`
+    - Dans `home.component.html`, on ajoute le property binding `[movie]=movie`
 
 Jette un oeil, à ton localhost maintenant que ca recompile ! On itère bien sur le `MovieComponent`.
 
@@ -204,7 +203,7 @@ On te propose d'utiliser les [cards de Bootstrap](https://getbootstrap.com/docs/
 ```html
 <div class="card shadow m-4" style="width: 18rem; min-height: 55rem">
   @if(movie.image) {
-    <img src="http://localhost:8080/movies/{{movie.id}}/image" class="card-img-top" alt="">
+    <img src="http://localhost:8080/movies/'+movie.id +'/image" class="card-img-top" alt="">
   }
   <div class="card-body">
     <h5 class="card-title">{{movie.title}}</h5>
@@ -215,7 +214,7 @@ On te propose d'utiliser les [cards de Bootstrap](https://getbootstrap.com/docs/
 ```
 
 !!! Info
-    La directive `@if` nous permet d'afficher l'image uniquement si elle existe bien.  
+    Le `@if` nous permet d'afficher l'image uniquement si elle existe bien.  
     On la récupère ensuite depuis un appel HTTP au backend.
 
 Pour que ce soit tout nickel, tu peux ajouter ce style dans le `home.component.scss` :