Use FontAwesome Pro icons in Glam Onboarding

PER-9893

src/app/onboarding/components/glam/archive-type-icon/archive-type-icon.component.ts

@@ -1,7 +1,13 @@
 import { Component, Input } from '@angular/core';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
-import { faHeart, faUser } from '@fortawesome/free-regular-svg-icons';
-import { faScroll } from '@fortawesome/free-solid-svg-icons';
+import {
+  faBuildingColumns,
+  faFamily,
+  faHeart,
+  faPeopleGroup,
+  faScrollOld,
+  faUser,
+} from '@fortawesome/pro-regular-svg-icons';
 import { OnboardingTypes } from '@root/app/onboarding/shared/onboarding-screen';
 
 @Component({
@@ -12,10 +18,14 @@ import { OnboardingTypes } from '@root/app/onboarding/shared/onboarding-screen';
 })
 export class ArchiveTypeIconComponent {
   @Input() public type: OnboardingTypes = OnboardingTypes.myself;
-  public readonly icons = {
+  public readonly icons: Record<OnboardingTypes, typeof faHeart> = {
     'type:myself': faHeart,
     'type:individual': faUser,
-    'type:family': faHeart,
-    'type:famhist': faScroll,
+    'type:family': faFamily,
+    'type:famhist': faScrollOld,
+    'type:community': faPeopleGroup,
+    'type:org': faBuildingColumns,
+    'type:other': faHeart,
+    'type:unsure': faHeart,
   };
 }