docs(home): changes icons pics

lstDocs/static/img/scanner_app.svg

@@ -0,0 +1,30 @@
+<?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">
+
+  <!-- Mobile device frame -->
+  <rect x="70" y="30" width="80" height="120" rx="12" fill="white" stroke="#312E81" stroke-width="3"/>
+  <rect x="70" y="30" width="80" height="120" rx="12" fill="#F3F4F6" opacity="0.5"/>
+
+  <!-- Screen inside -->
+  <rect x="78" y="45" width="64" height="90" rx="6" fill="white" stroke="#4F46E5" stroke-width="2"/>
+
+  <!-- Barcode lines -->
+  <rect x="86" y="65" width="4" height="50" fill="#4F46E5"/>
+  <rect x="94" y="65" width="2" height="50" fill="#4F46E5" opacity="0.6"/>
+  <rect x="102" y="65" width="6" height="50" fill="#4F46E5"/>
+  <rect x="112" y="65" width="3" height="50" fill="#4F46E5" opacity="0.8"/>
+  <rect x="120" y="65" width="5" height="50" fill="#4F46E5"/>
+  <rect x="130" y="65" width="2" height="50" fill="#4F46E5" opacity="0.6"/>
+  <rect x="136" y="65" width="4" height="50" fill="#4F46E5"/>
+
+  <!-- Scan highlight frame -->
+  <rect x="82" y="60" width="56" height="60" rx="4" stroke="#22C55E" stroke-width="3" stroke-dasharray="6 4"/>
+
+  <!-- App indicator light at bottom -->
+  <circle cx="110" cy="140" r="4" fill="#9CA3AF"/>
+</svg>