fix project form for presentation & error-icon background

Author: Awakich

projects/social_platform/src/app/office/projects/edit/services/project-form.service.ts

@@ -48,7 +48,7 @@ export class ProjectFormService {
       link: ["", Validators.pattern(/^(https?:\/\/)/)],
       industryId: [undefined, [Validators.required]],
       description: ["", [Validators.required, Validators.minLength(0), Validators.maxLength(800)]],
-      presentationAddress: ["", [Validators.required]],
+      presentationAddress: [""],
       coverImageAddress: ["", [Validators.required]],
       actuality: ["", [Validators.maxLength(400)]],
       targetAudience: ["", [Validators.required, Validators.maxLength(400)]],

projects/social_platform/src/app/office/shared/collaborator-card/collaborator-card.component.html

@@ -6,9 +6,9 @@
     <app-avatar [url]="collaborator.avatar" [size]="68"></app-avatar>
     <div class="collaborator__info--text">
       <h3 class="text-body-12 collaborator__role">
-        {{ collaborator.firstName }} {{ collaborator.lastName }}
+        {{ collaborator.firstName | truncate: 12 }} {{ collaborator.lastName | truncate: 12 }}
       </h3>
-      <h3 class="text-body-10 collaborator__role">{{ collaborator.role }}</h3>
+      <h3 class="text-body-10 collaborator__role">{{ collaborator.role | truncate: 12 }}</h3>
     </div>
 
     <div class="collaborator__icons">

projects/social_platform/src/app/office/shared/collaborator-card/collaborator-card.component.ts

@@ -9,6 +9,7 @@ import { Collaborator } from "@office/models/collaborator.model";
 import { ProjectService } from "@office/services/project.service";
 import { AvatarComponent } from "@ui/components/avatar/avatar.component";
 import { IconComponent } from "@uilib";
+import { TruncatePipe } from "projects/core/src/lib/pipes/truncate.pipe";
 
 /**
  * Компонент карточки участника команды или проект
@@ -24,7 +25,7 @@ import { IconComponent } from "@uilib";
   templateUrl: "./collaborator-card.component.html",
   styleUrl: "./collaborator-card.component.scss",
   standalone: true,
-  imports: [CommonModule, ReactiveFormsModule, AvatarComponent, IconComponent],
+  imports: [CommonModule, ReactiveFormsModule, AvatarComponent, IconComponent, TruncatePipe],
 })
 export class CollaboratorCardComponent implements OnInit {
   private readonly projectService = inject(ProjectService);

projects/social_platform/src/app/ui/components/input/input.component.scss

@@ -114,6 +114,8 @@
     justify-content: center;
     color: var(--red) !important;
     transform: translateY(-50%);
+    background: var(--ligth-white);
+    padding: 0 4px;
   }
 
   &__right-icon {