fix(ci): update join test for 'Watch for free' button + format pricing

The 'Watch for free' rename broke 4 guest-flow tests in join/[joinCode]/
page.test.tsx (they queried the old 'Join Session' name); my local run was
turbo-cached so it missed them. Updated the guest-flow queries + ran prettier
on pricing/page.tsx. Full web suite 568 green fresh.

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

Author: ralyodio

apps/web/src/app/join/[joinCode]/page.test.tsx

@@ -149,10 +149,10 @@ describe('JoinPage', () => {
       });
 
       await waitFor(() => {
-        expect(screen.getByRole('button', { name: 'Join Session' })).toBeInTheDocument();
+        expect(screen.getByRole('button', { name: 'Watch for free' })).toBeInTheDocument();
       });
 
-      expect(screen.getByRole('button', { name: 'Join Session' })).toBeDisabled();
+      expect(screen.getByRole('button', { name: 'Watch for free' })).toBeDisabled();
     });
 
     it('enables join button when name is entered', async () => {
@@ -169,7 +169,7 @@ describe('JoinPage', () => {
 
       await user.type(screen.getByLabelText('Your Name'), 'Test User');
 
-      expect(screen.getByRole('button', { name: 'Join Session' })).toBeEnabled();
+      expect(screen.getByRole('button', { name: 'Watch for free' })).toBeEnabled();
     });
 
     it('calls join API and redirects on success', async () => {
@@ -208,7 +208,7 @@ describe('JoinPage', () => {
       });
 
       await user.type(screen.getByLabelText('Your Name'), 'Test User');
-      await user.click(screen.getByRole('button', { name: 'Join Session' }));
+      await user.click(screen.getByRole('button', { name: 'Watch for free' }));
 
       // Guests are redirected to the public view page with their participant ID
       await waitFor(() => {
@@ -252,7 +252,7 @@ describe('JoinPage', () => {
       });
 
       await user.type(screen.getByLabelText('Your Name'), 'Test User');
-      await user.click(screen.getByRole('button', { name: 'Join Session' }));
+      await user.click(screen.getByRole('button', { name: 'Watch for free' }));
 
       await waitFor(() => {
         expect(screen.getByText('Session is full')).toBeInTheDocument();

apps/web/src/app/pricing/page.tsx

@@ -534,8 +534,8 @@ export default function PricingPage() {
                 <h3 className="font-semibold text-gray-900">How many people can watch my room?</h3>
                 <p className="mt-2 text-gray-600">
                   Concurrent listeners per room scale with your plan: Free {CAP.free}, Plus{' '}
-                  {CAP.plus}, Pro {CAP.pro}, Team {CAP.team.toLocaleString()}. On top of that, public
-                  lives can be watched for free by unlimited guests with no account.
+                  {CAP.plus}, Pro {CAP.pro}, Team {CAP.team.toLocaleString()}. On top of that,
+                  public lives can be watched for free by unlimited guests with no account.
                 </p>
               </div>