modify last UI for corresponding to models

src/app/components/bars/bars.component.css

@@ -52,3 +52,18 @@
 .card-action {
 	flex-grow: 1;
 }
+
+/* TOP NOTE */
+.top-note {
+	margin: 40px 15px;
+}
+
+.top-note > mat-icon {
+	weight: 50px;
+	height: 50px;
+	font-size: 50px;
+}
+
+.top-note > p {
+	font-weight: 500;
+} 
\ No newline at end of file

src/app/components/bars/bars.component.html

-<p>
-	<button mat-raised-button routerLink="/profile" color="primary">profile</button>
-</p>
+<div class="row-container center top-note">
 	<mat-icon>store_mall_directory</mat-icon>
 	<p>Choisis ton lieu de beuverie.
 		Tu pourras ensuite accéder à la carte des boissons.</p>
+	</div>
 <section>
 	<div *ngFor="let bar of (bars$ | async)" class=" card row-container center">
 		<div class="card-header">