chore: Formatting

Author: Ehesp

examples/shadcn/src/components/phone-auth-form.tsx

@@ -22,7 +22,7 @@ import {
   type PhoneAuthVerifyFormSchema,
 } from "@invertase/firebaseui-core";
 
-import { Form, FormControl, FormField, FormItem, FormLabel, FormMessage } from "@/components/ui/form";
+import { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage } from "@/components/ui/form";
 import { Input } from "@/components/ui/input";
 import { Button } from "@/components/ui/button";
 import { Policies } from "@/components/policies";
@@ -66,6 +66,7 @@ function VerifyPhoneNumberForm(props: VerifyPhoneNumberFormProps) {
           render={({ field }) => (
             <FormItem>
               <FormLabel>{getTranslation(ui, "labels", "verificationCode")}</FormLabel>
+              <FormDescription>{getTranslation(ui, "prompts", "smsVerificationPrompt")}</FormDescription>
               <FormControl>
                 <InputOTP maxLength={6} {...field}>
                   <InputOTPGroup>

packages/shadcn/src/components/phone-auth-form.test.tsx

@@ -41,7 +41,8 @@ vi.mock("@invertase/firebaseui-core", async (importOriginal) => {
       if (category === "labels" && key === "phoneNumber") return "Phone Number";
       if (category === "labels" && key === "verificationCode") return "Verification Code";
       if (category === "labels" && key === "verifyCode") return "Verify Code";
-      if (category === "prompts" && key === "smsVerificationPrompt") return "Enter the verification code sent to your phone number";
+      if (category === "prompts" && key === "smsVerificationPrompt")
+        return "Enter the verification code sent to your phone number";
       if (category === "errors" && key === "invalidPhoneNumber") return "Error: Invalid phone number format";
       if (category === "errors" && key === "missingPhoneNumber") return "Phone number is required";
       return key;