docs(home): changes icons pics

lstDocs/static/img/notification_system.svg

@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="220"
+  height="180"
+  viewBox="0 0 220 180"
+  fill="none">
+
+  <!-- Bell body -->
+  <path d="M110 40 
+           C90 40, 80 60, 80 80 
+           V110 
+           H140 
+           V80 
+           C140 60, 130 40, 110 40
+           Z"
+        fill="#4F46E5"
+        stroke="#312E81"
+        stroke-width="3"/>
+
+  <!-- Bell clapper -->
+  <circle cx="110" cy="115" r="8" fill="#FACC15" stroke="#CA8A04" stroke-width="2"/>
+
+  <!-- Notification alert bubble -->
+  <circle cx="145" cy="55" r="14" fill="#EF4444" stroke="#991B1B" stroke-width="3"/>
+  <text x="145" y="60" text-anchor="middle" font-size="12" font-family="Arial" fill="white">!</text>
+
+  <!-- Waves to show alert signal -->
+  <path d="M70 80 C60 70, 60 110, 70 100" 
+        stroke="#4F46E5" stroke-width="3" fill="none" opacity="0.6"/>
+  <path d="M150 80 C160 70, 160 110, 150 100" 
+        stroke="#4F46E5" stroke-width="3" fill="none" opacity="0.6"/>
+
+</svg>