финальная версия

src/pages/List.svelte

@@ -1,5 +1,6 @@
 <script>
   import Card from "../components/Card.svelte";
+  import Alarm from "../components/Alarm.svelte";
 
   import CrossIcon from "../svg/Cross.svelte";
   import OpenIcon from "../svg/Open.svelte";
@@ -58,4 +59,7 @@
     </table>
     <button class="btn-lg" on:click={() => ((showInput = !showInput), devListSave())}>{showInput ? "Сохранить" : "Добавить устройство"}</button>
   </Card>
+  <Alarm>
+    <p>Список устройств будет обновляться автоматически. Подключенные к одному роутеру устройства будут появляться в списке в течении двух минут. Ручное добавление сделано в целях проверки для разработчика.</p>
+  </Alarm>
 </div>

src/pages/Utilities.svelte

@@ -1,5 +1,6 @@
 <script>
   import Card from "../components/Card.svelte";
+  import Alarm from "../components/Alarm.svelte";
   import Chart from "svelte-frappe-charts";
 
   let datachart = {
@@ -10,8 +11,43 @@
       },
     ],
   };
+
+  //объединение двух массивов с удалением дубликатов полностью
+  let a = [
+    { item: "1", description: "lorem" },
+    { item: "2", description: "impsum" },
+  ];
+  let b = [
+    { item: "2", description: "dolor" },
+    { item: "4", description: "enum" },
+  ];
+  function joinWithoutDupes(A, B) {
+    let output = [];
+    const a = new Set(A.map((x) => x.item));
+    const b = new Set(B.map((x) => x.item));
+    output = [...A.filter((x) => !b.has(x.item)), ...B.filter((x) => !a.has(x.item))];
+    console.log(output);
+  }
+  //объединение двух массивов с удалением дубликатов, оставляя один из дубликатов
+  let c = [
+    { ID: "1", description: "lorem" },
+    { ID: "2", description: "impsum" },
+  ];
+  let d = [
+    { ID: "2", description: "dolor" },
+    { ID: "4", description: "enum" },
+  ];
+  function joinWithoutDupesAndRmooving(A, B) {
+    var ids = new Set(A.map((d) => d.ID));
+    let output = [...A, ...B.filter((d) => !ids.has(d.ID))];
+    console.log(output);
+  }
 </script>
 
-<Card title={"Пример графика"}>
+<Alarm>
+  <button class="btn-lg" on:click={() => joinWithoutDupesAndRmooving(c, d)}>{"Проверить"}</button>
+</Alarm>
+
+<Alarm>
   <Chart data={datachart} type="line" />
-</Card>
+</Alarm>