WIP поправил mock и отображение данных из него в таблице

src/pages/clients/components/cells/TableCellBodyNetworks.vue

@@ -1,14 +1,27 @@
 <template lang="pug">
-  .flex.box-border.px-4.items-center.w-full(:style="{ minWidth : width + 'px' }")
-    .w-5.h-5(v-for="network in networks")
+  .network-cell.flex.box-border.px-4.items-center.w-full(:style="{ minWidth : width + 'px' }")
+    .text-xl.icon(v-for="network in networks.filter((el) => el.kind !== 'EMAIL' && el.kind !== 'PHONE')" :id="network.id" :class="settings.settings.find((el) => el.network === network.kind).icon")
 </template>
 
 <script>
+import { column } from "@/pages/clients/utils/tableConfig";
 export default {
   name: "TableCellBodyNetworks",
   props: {
     networks: Array,
     width: Number,
   },
+  data() {
+    return {
+      settings: column.find((el) => el.name === "networks"),
+    };
+  },
 };
 </script>
+
+<style lang="sass" scoped>
+.network-cell
+  column-gap: 2px
+.icon
+  color: var(--btn-blue-color)
+</style>