Support Pinkfong csMail text update

com.twin.app.shoptime/src/views/MyPagePanel/MyPageSub/Support/ContactContents/ContactContents.jsx

@@ -1,4 +1,4 @@
-import React, { useEffect } from "react";
+import React, { useCallback, useEffect, useMemo } from "react";
 
 import { useDispatch, useSelector } from "react-redux";
 
@@ -29,6 +29,15 @@ export default function ContactContents() {
 
   const { getScrollTo, scrollTop } = useScrollTo();
 
+  const getMailTitle = (patncNm, index) => {
+    if (patncNm === "Pinkfong") {
+      return index === 0
+        ? "Pinkfong Goods - Email"
+        : "Pinkfong Plus Subscriptions";
+    }
+    return $L("Email");
+  };
+
   return (
     <>
       <TScroller
@@ -77,8 +86,9 @@ export default function ContactContents() {
                               )}
                               {cs.csMail && (
                                 <span>
-                                  {$L("Email")}
-                                  {`: ${cs.csMail}`}
+                                  {`${getMailTitle(contact.patncNm, idx)}: ${
+                                    cs.csMail
+                                  }`}
                                 </span>
                               )}
                               {cs.csSiteUrl && (

com.twin.app.shoptime/src/views/MyPagePanel/MyPageSub/Support/ContactContents/ContactContents.module.less

@@ -58,7 +58,7 @@
         background: @COLOR_WHITE;
         .font(@fontFamily: @arialFont,@fontSize:28px);
         color: @COLOR_GRAY06;
-        display: flex;
+        display: grid;
         align-items: center;
         border-radius: 0 8px 8px 0;