docs: append whitepaper name

Author: tianzhou

src/app/[locale]/whitepaper/just-in-time-database-access/page.tsx

@@ -26,7 +26,7 @@ export default function Page() {
       <div className="col-span-7 lg:col-span-full">
         <ContactForm
           className="rounded-2xl bg-white p-8 shadow-dark-big lg:my-10 md:my-8 md:p-6 sm:p-5 sm:px-4 xs:my-7"
-          formId={WHITE_PAPER}
+          formId={WHITE_PAPER + ' - Just-in-time Database Access'}
           redirectURL="/content/whitepaper/just-in-time-database-access/bytebase-whitepaper-just-in-time-database-access-best-practices.pdf"
         />
         <Logos />

src/components/shared/contact-form/contact-form.tsx

@@ -63,6 +63,7 @@ const ContactForm = ({
   className: string;
   formId: string;
   redirectURL: string;
+  comment?: string;
 }) => {
   const [buttonState, setButtonState] = useState(STATES.DEFAULT);
   const [formError, setFormError] = useState('');
@@ -82,13 +83,17 @@ const ContactForm = ({
     setFormError('');
 
     try {
-      if (formId == VIEW_LIVE_DEMO || formId == ENTERPRISE_INQUIRY || formId == WHITE_PAPER) {
+      if (
+        formId == VIEW_LIVE_DEMO ||
+        formId == ENTERPRISE_INQUIRY ||
+        formId.startsWith(WHITE_PAPER)
+      ) {
         let tag = '';
         if (formId == VIEW_LIVE_DEMO) {
           tag = 'demo';
         } else if (formId == ENTERPRISE_INQUIRY) {
           tag = 'enterprise-inquiry';
-        } else if (formId == WHITE_PAPER) {
+        } else if (formId.startsWith(WHITE_PAPER)) {
           tag = 'white-paper';
         }
         await fetch('/api/subscribe', {