added notif section

src/app/components/notif-list/notif-list.html

@@ -0,0 +1,34 @@
+<div class="ml-90">
+    <p class="cursor-pointer text-red-700" (click)="delete()">
+        <nz-icon nzType="delete" nzTheme="outline"/> Tout supprimer
+    </p>
+</div>
+
+<nz-list nzItemLayout="vertical" class="max-w-xl mx-auto max-h-[400px] overflow-y-auto border border-gray-200 rounded-lg">
+    @for (item of notifList; track item) {
+        <nz-list-item class="flex items-start p-4 border-b border-gray-200">
+
+            <nz-list-item-meta class="flex-1">
+                <nz-list-item-meta-avatar>
+                    <img src="https://cdn-icons-png.flaticon.com/512/1/1176.png" alt="info" class="w-10 h-10 rounded-full mt-10 mr-2 w-10">
+                </nz-list-item-meta-avatar>
+
+                <nz-list-item-meta-title>
+                    <p class="font-semibold mb-1">{{item.title}}</p>
+                    <p class="text-gray-500 mb-1">{{item.author}}</p>
+                </nz-list-item-meta-title>
+
+                <nz-list-item-meta-description>
+                    <p>{{item.content}}</p>
+                </nz-list-item-meta-description>
+            </nz-list-item-meta>
+
+            <nz-list-item-extra>
+                <img src="https://www.pyro-fetes.com/wp-content/themes/pcptheme/img/logo-pyro-fetes-OR-top.png"
+                     alt="logo"
+                     class="w-35 object-contain mt-4">
+            </nz-list-item-extra>
+
+        </nz-list-item>
+    }
+</nz-list>