refactor: zod validation and pr comments

components/Loyalty/Sidebar/JoinLoyalty/Contact/ContactRow/index.tsx

@@ -5,13 +5,9 @@ import { getValueFromContactConfig } from "@/utils/contactConfig"
 
 import styles from "./contactRow.module.css"
 
-import type { ContactFields } from "@/types/requests/contactConfig"
+import type { ContactRowProps } from "@/types/components/loyalty/sidebar"
 
-export default async function ContactRow({
-  contact,
-}: {
-  contact: ContactFields
-}) {
+export default async function ContactRow({ contact }: ContactRowProps) {
   const data = await serverClient().contentstack.contactConfig.get({
     lang: Lang.en,
   })

components/Loyalty/Sidebar/JoinLoyalty/Contact/index.tsx

@@ -19,7 +19,7 @@ export default async function Contact({ contactBlock }: ContactProps) {
             case JoinLoyaltyContactTypenameEnum.LoyaltyPageSidebarJoinLoyaltyContactBlockContactContact:
               return (
                 <ContactRow
-                  key={`${contact.display_text}-i`}
+                  key={`${contact.display_text}-${i}`}
                   contact={contact}
                 />
               )