la base du site fonctionnelle

src/app/routes/profile/profile-list/profile-list.component.html

@@ -0,0 +1,30 @@
+<section class="pb-10 relative">
+  <div class="relative overflow-hidden">
+
+    <div class="max-w-[85rem] mx-auto px-4 sm:px-6 lg:px-8 pt-24 pb-10">
+      <div class="mt-8 mx-auto max-w-3xl space-y-2">
+        <app-search/>
+      </div>
+    </div>
+
+  </div>
+
+
+  <div class="max-w-6xl mx-auto px-4">
+    <app-display-profile-card (onDisplayChange)="showNewDisplay($event)"/>
+
+    @switch (display()){
+      @case ('list'.toUpperCase()){
+        <app-horizental-profile-list/>
+      }
+      @case ('grid'.toUpperCase()){
+        <app-vertical-profile-list/>
+      }
+      @default{
+        <app-vertical-profile-list/>
+      }
+    }
+
+  </div>
+</section>
+