Изменила img на icon font

src/components/TheHeader.vue

@@ -4,7 +4,7 @@
       img.logo-img.mr-16(src="@/assets/images/logo.svg" alt="Logo")
       header-inputs
     .charge-person-container
-      header-charge-person(:info="chargePersonInfo")
+      header-active-client-panel(:info="chargePersonInfo")
     .flex.ml-auto
       header-add-client-button.mr-9
       button.header-buttons.flex.justify-center.items-center.mr-8.p-0
@@ -19,11 +19,11 @@
 import img from "@/assets/images/avatar.svg";
 import chargePersonAvatar from "@/assets/images/charge-person-avatar.svg";
 import HeaderInputs from "./HeaderInputs.vue";
-import HeaderChargePerson from "./HeaderChargePerson.vue";
+import HeaderActiveClientPanel from "./HeaderActiveClientPanel.vue";
 import HeaderAddClientButton from "./HeaderAddClientButton.vue";
 export default {
   name: "TheHeader",
-  components: { HeaderInputs, HeaderChargePerson, HeaderAddClientButton },
+  components: { HeaderInputs, HeaderActiveClientPanel, HeaderAddClientButton },
   data() {
     return {
       avatarSrc: img,