fix: vertically center icons in flex rows

Author: ASDAlexey

src/app/shared/components/icon/icon.scss

@@ -0,0 +1,9 @@
+:host {
+  display: inline-flex;
+}
+
+// Block removes the inline-baseline descender gap, so the glyph sits on the
+// true vertical centre inside flex rows (buttons, links, captions).
+svg {
+  display: block;
+}

src/app/shared/components/icon/icon.ts

@@ -6,6 +6,7 @@ import { SocialIcon } from '@core/models/portfolio.interface';
   selector: 'app-icon',
   changeDetection: ChangeDetectionStrategy.OnPush,
   templateUrl: './icon.html',
+  styleUrl: './icon.scss',
 })
 export class Icon {
   readonly name = input.required<SocialIcon>();