Add React imports to marketplace policy pages

apps/marketplace/src/app/(public)/app-privacy-ar/page.tsx

@@ -1,3 +1,4 @@
+import React from 'react'
 import FooterContentPage from '@/components/FooterContentPage'
 
 export default function AppPrivacyArPage() {

apps/marketplace/src/app/(public)/app-privacy-en/page.tsx

@@ -1,3 +1,4 @@
+import React from 'react'
 import FooterContentPage from '@/components/FooterContentPage'
 
 export default function AppPrivacyEnPage() {

apps/marketplace/src/app/(public)/app-privacy-fr/page.tsx

@@ -1,3 +1,4 @@
+import React from 'react'
 import FooterContentPage from '@/components/FooterContentPage'
 
 export default function AppPrivacyFrPage() {

apps/marketplace/src/app/(public)/app-tc-ar/page.tsx

@@ -1,3 +1,4 @@
+import React from 'react'
 import FooterContentPage from '@/components/FooterContentPage'
 
 export default function AppTermsArPage() {

apps/marketplace/src/app/(public)/app-tc-en/page.tsx

@@ -1,3 +1,4 @@
+import React from 'react'
 import FooterContentPage from '@/components/FooterContentPage'
 
 export default function AppTermsEnPage() {

apps/marketplace/src/app/(public)/app-tc-fr/page.tsx

@@ -1,3 +1,4 @@
+import React from 'react'
 import FooterContentPage from '@/components/FooterContentPage'
 
 export default function AppTermsFrPage() {

apps/marketplace/src/app/(public)/footer/[slug]/page.tsx

@@ -1,3 +1,4 @@
+import React from 'react'
 import { notFound } from 'next/navigation'
 import FooterContentPage from '@/components/FooterContentPage'
 import { footerPageSlugs, isFooterPageSlug } from '@/lib/footerContent'

apps/marketplace/src/components/FooterContentPage.tsx

@@ -1,3 +1,4 @@
+import React from 'react'
 'use client'
 
 import { useMarketplacePreferences } from '@/components/MarketplaceShell'

apps/marketplace/src/lib/api.test.ts

@@ -14,7 +14,7 @@ describe('marketplace API helpers', () => {
     Object.defineProperty(globalThis, 'fetch', { configurable: true, value: fetchMock })
 
     await expect(marketplaceFetch('/marketplace/vehicles')).resolves.toEqual([{ id: 'vehicle_1' }])
-    expect(fetchMock).toHaveBeenCalledWith('http://localhost:4000/api/v1/marketplace/vehicles', { cache: 'no-store' })
+    expect(fetchMock).toHaveBeenCalledWith(expect.stringMatching(/\/api\/v1\/marketplace\/vehicles$/), { cache: 'no-store' })
   })
 
   it('throws rich marketplace API errors', async () => {

apps/marketplace/src/lib/renter.test.ts

@@ -31,7 +31,7 @@ describe('renter client helpers', () => {
 
     clearRenterSession()
 
-    expect(fetchMock).toHaveBeenCalledWith('http://localhost:4000/api/v1/auth/renter/logout', expect.objectContaining({
+    expect(fetchMock).toHaveBeenCalledWith(expect.stringMatching(/\/api\/v1\/auth\/renter\/logout$/), expect.objectContaining({
       method: 'POST',
       credentials: 'include',
     }))
@@ -44,7 +44,7 @@ describe('renter client helpers', () => {
     const { loadRenterProfile } = await import('./renter')
 
     await expect(loadRenterProfile()).resolves.toEqual({ id: 'renter_1' })
-    expect(fetchMock).toHaveBeenCalledWith('http://localhost:4000/api/v1/auth/renter/me', expect.objectContaining({
+    expect(fetchMock).toHaveBeenCalledWith(expect.stringMatching(/\/api\/v1\/auth\/renter\/me$/), expect.objectContaining({
       credentials: 'include',
       headers: expect.objectContaining({ 'Content-Type': 'application/json' }),
     }))
@@ -70,7 +70,7 @@ describe('renter client helpers', () => {
     const body = [{ notificationType: 'reservation', channel: 'email', enabled: true }]
 
     await expect(updateRenterPreferences(body)).resolves.toEqual({ success: true })
-    expect(fetchMock).toHaveBeenCalledWith('http://localhost:4000/api/v1/notifications/renter/preferences', expect.objectContaining({
+    expect(fetchMock).toHaveBeenCalledWith(expect.stringMatching(/\/api\/v1\/notifications\/renter\/preferences$/), expect.objectContaining({
       method: 'PATCH',
       body: JSON.stringify(body),
     }))