fix: wizard step width and premature redirect after profile creation

Routed step components were not filling the wizard container width because
Angular renders them as siblings of <router-outlet>. Added CSS rule to
ensure full-width rendering.

After the contact step saved the profile, reloadUserDocument() caused the
profileCreatedAt guard to immediately redirect to /profile, skipping the
image and preview steps. The redirect now checks wizardService.profileCreated
to distinguish "just created during wizard" from "already had a profile".

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: markgoho

members/src/app/create-profile-wizard/create-profile-wizard.scss

@@ -3,6 +3,11 @@
   container: profileform / inline-size;
 }
 
+router-outlet + * {
+  display: block;
+  width: 100%;
+}
+
 .loading-message {
   text-align: center;
   padding: var(--space-xl);

members/src/app/create-profile-wizard/create-profile-wizard.spec.ts

@@ -153,6 +153,42 @@ describe('CreateProfileWizard', () => {
     expect(wizardService.personalInfo().title).toBe('');
   });
 
+  it('should not redirect to /profile when profile was just created during wizard flow', async () => {
+    const { wizardService, mockMembershipService, router } = await setup({
+      userDocumentLoading: true,
+    });
+    const navigateSpy = vi.spyOn(router, 'navigate').mockResolvedValue(true);
+
+    // Simulate member loading without profileCreatedAt (new user starting wizard)
+    const member: Member = {
+      uid: 'test-uid',
+      email: 'test@example.com',
+      name: 'Test User',
+      createdAt: new Date(0),
+      isAdmin: false,
+      membershipActive: true,
+      slug: 'test-user',
+    };
+    mockMembershipService.userDocument.set(member);
+    TestBed.flushEffects();
+
+    // Simulate the contact step completing: profile was created during this wizard session
+    wizardService.profileCreated.set(true);
+    wizardService.completeStep('contact');
+    TestBed.flushEffects();
+
+    // Simulate reloadUserDocument() updating the member with profileCreatedAt
+    // This is what profileService.createProfileContent() does after saving
+    mockMembershipService.userDocument.set({
+      ...member,
+      profileCreatedAt: new Date(),
+    });
+    TestBed.flushEffects();
+
+    // Should NOT redirect — the user needs to finish the image and preview steps
+    expect(navigateSpy).not.toHaveBeenCalledWith(['/profile']);
+  });
+
   it('should reset wizard state on destroy', async () => {
     const { wizardService, fixture } = await setup();
 

members/src/app/create-profile-wizard/create-profile-wizard.ts

@@ -52,10 +52,11 @@ export class CreateProfileWizard {
     // Reset wizard state when leaving the wizard
     this.destroyRef.onDestroy(() => this.wizardService.reset());
 
-    // Redirect to /profile if user already has a profile
+    // Redirect to /profile if user already has a profile (before entering the wizard)
+    // Skip redirect if the profile was just created during this wizard session
     effect(() => {
       const user = this.userDocument();
-      if (user?.profileCreatedAt) {
+      if (user?.profileCreatedAt && !this.wizardService.profileCreated()) {
         void this.router.navigate(['/profile']);
       }
     });