fix: configure preview environment to use dev data for bio compatibility

- Change preview deployments to use DEV_ prefixed collections
- This ensures bio and user data is available in preview deployments
- Preview environments now use dev data for testing instead of production data
- Update documentation and validation logic to reflect this change

Author: sirjamesgray

app/utils/environmentConfig.ts

@@ -8,7 +8,7 @@
  * Environment Configuration Requirements:
  * - Local development: use dev data with DEV_ prefixed collections
  * - Vercel dev deployment: use dev data with DEV_ prefixed collections
- * - Vercel preview deployment: use actual production data (base collection names)
+ * - Vercel preview deployment: use dev data for testing (DEV_ prefixed collections)
  * - Vercel production deployment: use actual production data (base collection names)
  *
  * This architecture enables seamless migration to separate Firebase projects
@@ -77,7 +77,7 @@ export const getEnvironmentPrefix = (): string => {
     case 'production':
       return ''; // No prefix for production (base collection names)
     case 'preview':
-      return ''; // Preview uses actual production data (base collection names)
+      return 'DEV_'; // Preview uses dev data for testing (DEV_ prefix)
     case 'development':
       return 'DEV_'; // Development uses dev data with DEV_ prefix
     default:
@@ -95,7 +95,7 @@ export const getSubscriptionEnvironmentPrefix = (): string => {
     case 'production':
       return ''; // No prefix for production (base collection names)
     case 'preview':
-      return ''; // Preview uses actual production data (base collection names)
+      return 'DEV_'; // Preview uses dev data for testing (DEV_ prefix)
     case 'development':
       return 'DEV_'; // Development uses dev data with DEV_ prefix
     default:
@@ -115,7 +115,7 @@ export const getSubscriptionEnvironmentPrefix = (): string => {
  *
  * Current behavior (single Firebase project):
  * - Production: 'users' -> 'users' (base collection names)
- * - Preview: 'users' -> 'users' (actual production data)
+ * - Preview: 'users' -> 'DEV_users' (dev data for testing with DEV_ prefix)
  * - Development: 'users' -> 'DEV_users' (isolated dev data with DEV_ prefix)
  *
  * Future behavior (separate Firebase projects):
@@ -138,7 +138,7 @@ export const getCollectionName = (baseName: string): string => {
  *
  * Current behavior (single Firebase project):
  * - Production: ('users', 'userId', 'subscriptions') -> 'users/userId/subscriptions'
- * - Preview: ('users', 'userId', 'subscriptions') -> 'users/userId/subscriptions'
+ * - Preview: ('users', 'userId', 'subscriptions') -> 'DEV_users/userId/DEV_subscriptions'
  * - Development: ('users', 'userId', 'subscriptions') -> 'DEV_users/userId/DEV_subscriptions'
  */
 export const getSubCollectionPath = (
@@ -235,9 +235,9 @@ export const validateEnvironmentConfig = (): boolean => {
       break;
 
     case 'preview':
-      if (prefix !== '') {
-        console.error('[Environment Config] ERROR: Preview environment should use base collection names!');
-        console.error(`[Environment Config] Expected: '', Got: '${prefix}'`);
+      if (prefix !== 'DEV_') {
+        console.error('[Environment Config] ERROR: Preview environment should use DEV_ prefix for testing!');
+        console.error(`[Environment Config] Expected: 'DEV_', Got: '${prefix}'`);
         return false;
       }
       break;