Chore: Apply 'Identify' terminology across layout components

Author: pavanpaik

web/src/app/layout.tsx

@@ -102,14 +102,14 @@ export default function RootLayout({
       localization={{
         signIn: {
           start: {
-            title: 'Sign in to Saileela Rahasya',
-            subtitle: 'Welcome back! Please sign in to continue your spiritual journey.',
+            title: 'Identify yourself to Saileela Rahasya',
+            subtitle: 'Welcome back! Please identify yourself to continue your spiritual journey.',
           }
         },
         signUp: {
           start: {
-            title: 'Create account for Saileela Rahasya',
-            subtitle: 'Join us to begin your journey of inquiry.',
+            title: 'Identify yourself to Saileela Rahasya',
+            subtitle: 'Join the collective to begin your journey of inquiry.',
           }
         }
       }}

web/src/components/layout/UtilityMenu.tsx

@@ -216,7 +216,7 @@ export default function UtilityMenu() {
                             </div>
                             <div className="space-y-2">
                                 <h3 className="text-xl font-black text-gray-900">Join the Collective</h3>
-                                <p className="text-sm text-gray-500 leading-relaxed font-medium">Please sign in to share questions and access personalized spiritual guidance.</p>
+                                <p className="text-sm text-gray-500 leading-relaxed font-medium">Please identify yourself to share questions and access personalized spiritual guidance.</p>
                             </div>
                             <div className="pt-4">
                                 <SignInButton mode="modal">