fix: only show fixed translations for supported forms

frontend/src/features/public-form/components/FormFields/FormSectionsContext.tsx

@@ -10,7 +10,7 @@ import {
 import { useTranslation } from 'react-i18next'
 import useScrollSpy from 'react-use-scrollspy'
 
-import { BasicField, FormFieldDto } from '~shared/types'
+import { BasicField, FormFieldDto, Language } from '~shared/types'
 
 import { FieldIdSet } from '~features/logic/types'
 import { usePublicFormContext } from '~features/public-form/PublicFormContext'
@@ -43,9 +43,17 @@ interface FormSectionsProviderProps {
 export const FormSectionsProvider = ({
   children,
 }: FormSectionsProviderProps): JSX.Element => {
-  const { t } = useTranslation()
+  const { t, i18n } = useTranslation()
   const { form, isAuthRequired } = usePublicFormContext()
 
+  useEffect(() => {
+    // On page load render, if the form does not support multi-langugage
+    // set the language preference to be English.
+    if (!form?.hasMultiLang) {
+      i18n.changeLanguage(Language.ENGLISH)
+    }
+  }, [form?.hasMultiLang, i18n])
+
   const [visibleFieldIds, setVisibleFieldIds] = useState<FieldIdSet>()
 
   const sectionScrollData = useMemo(() => {

frontend/src/i18n/locales/features/login/index.ts

@@ -1,5 +1,5 @@
 export * from './en-sg'
-export * from './zh-sg'
+export * from './zh-sg.example'
 
 export interface Login {
   components: {

frontend/src/i18n/locales/zh-sg.ts

@@ -1,14 +1,12 @@
 import { PartialDeep } from 'type-fest'
 
-import { zhSG as login } from './features/login'
 import { zhSG as publicForm } from './features/public-form'
 import Translation from './types'
 
 export const zhSG: PartialDeep<Translation> = {
   translation: {
     features: {
       publicForm,
-      login,
     },
   },
 }