fix(auth): gate all visual changes behind onboarding v2 feature flag

- OnboardingRegistrationForm: MemberAlready style gated on flag + trigger
- RegistrationForm: title gradient/size gated on flag
- Both fall back to original v1 styles when flag is off

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: capJavert

packages/shared/src/components/auth/OnboardingRegistrationForm.tsx

@@ -5,14 +5,16 @@ import { providerMap } from './common';
 import OrDivider from './OrDivider';
 import { useLogContext } from '../../contexts/LogContext';
 import type { AuthTriggersType } from '../../lib/auth';
-import { AuthEventNames } from '../../lib/auth';
+import { AuthEventNames, AuthTriggers } from '../../lib/auth';
 import type { ButtonProps } from '../buttons/Button';
 import { Button, ButtonSize, ButtonVariant } from '../buttons/Button';
 import { isIOSNative } from '../../lib/func';
 
 import { MemberAlready } from '../onboarding/MemberAlready';
 import SignupDisclaimer from './SignupDisclaimer';
 import { FunnelTargetId } from '../../features/onboarding/types/funnelEvents';
+import { useConditionalFeature } from '../../hooks/useConditionalFeature';
+import { featureOnboardingV2 } from '../../lib/featureManagement';
 
 interface ClassName {
   onboardingSignup?: string;
@@ -105,6 +107,10 @@ export const OnboardingRegistrationForm = ({
   trigger,
 }: OnboardingRegistrationFormProps): ReactElement => {
   const { logEvent } = useLogContext();
+  const { value: isOnboardingV2 } = useConditionalFeature({
+    feature: featureOnboardingV2,
+    shouldEvaluate: trigger === AuthTriggers.Onboarding,
+  });
 
   const trackOpenSignup = () => {
     logEvent({
@@ -157,8 +163,9 @@ export const OnboardingRegistrationForm = ({
         <MemberAlready
           onLogin={() => onExistingEmail?.('')}
           className={{
-            container:
-              'mx-auto mt-6 w-full justify-center border-t border-border-subtlest-tertiary pt-6 text-center text-text-secondary typo-callout',
+            container: isOnboardingV2
+              ? 'mx-auto mt-6 w-full justify-center border-t border-border-subtlest-tertiary pt-6 text-center text-text-secondary typo-callout'
+              : 'mx-auto mt-6 text-center text-text-secondary typo-callout',
             login: '!text-inherit',
           }}
         />

packages/shared/src/components/auth/RegistrationForm.tsx

@@ -35,6 +35,7 @@ import {
   TypographyTag,
   TypographyType,
 } from '../typography/Typography';
+import { onboardingGradientClasses } from '../onboarding/common';
 import { useAuthData } from '../../contexts/AuthDataContext';
 import { authAtom } from '../../features/onboarding/store/onboarding.store';
 import { FunnelTargetId } from '../../features/onboarding/types/funnelEvents';
@@ -281,10 +282,16 @@ const RegistrationForm = ({
             variant={ButtonVariant.Secondary}
           />
           <Typography
-            className="mt-0.5 flex-1 text-text-primary"
+            className={
+              isOnboardingV2
+                ? 'mt-0.5 flex-1 text-text-primary'
+                : classNames('mt-0.5 flex-1', onboardingGradientClasses)
+            }
             tag={TypographyTag.H2}
-            type={TypographyType.Title2}
-            bold
+            type={
+              isOnboardingV2 ? TypographyType.Title2 : TypographyType.Title1
+            }
+            bold={isOnboardingV2}
           >
             Join daily.dev
           </Typography>

packages/webapp/pages/onboarding.tsx

@@ -370,7 +370,6 @@ function Page(props: PageProps) {
   const { autoDismissNotifications } = useSettingsContext();
   const { value: isOnboardingV2 } = useConditionalFeature({
     feature: featureOnboardingV2,
-    shouldEvaluate: true,
   });
 
   if (isOnboardingV2) {