feat(components): добавить иллюстрации

Author: anti-pode

public/structures/array.svg

@@ -192,6 +192,12 @@ defineProps({
       > :last-child {
         margin-bottom: 0 !important;
       }
+
+      :deep(> img:first-child) {
+        display: block;
+        width: 100%;
+        margin-top: 10px !important;
+      }
     }
   }
 

public/structures/list.svg

@@ -17,6 +17,7 @@ import FilmsList from '@/structures/array/examples/films-list.vue'
     <template #description>
       Массив — это одна из самых распространённых структур данных в программировании. Они
       используются для хранения коллекции элементов.
+      <img src="/structures/array.svg" alt="" />
     </template>
 
     <template #pros>

public/structures/map.svg

@@ -35,6 +35,8 @@ import PaintCanvas from '@/structures/list/examples/paint/paint-canvas.vue'
           эффективно управлять историей изменений.
         </li>
       </ul>
+
+      <img src="/structures/list.svg" alt="" />
     </template>
 
     <template #example1>
@@ -51,7 +53,7 @@ import PaintCanvas from '@/structures/list/examples/paint/paint-canvas.vue'
       Преимущество связного списка заключается в том, что удаление элемента выполняется за <b>константное время O(1)</b>.
       В то время как в массиве для удаления элемента необходимо не только удалить сам
       элемент, но и сдвинуть все последующие элементы. В связном списке достаточно изменить
-      ссылки prev и next у соответствующей ноды.
+      ссылки prev и next у соответствующих нод.
     </template>
 
     <template #cons>