chore: add comments clarifying potentially confusing terms

frontend/src/features/admin-form/template/UseTemplateModal/UseTemplateModal.tsx

@@ -16,6 +16,10 @@ export type UseTemplateModalProps = Pick<
   'onClose' | 'isOpen'
 > & { formId: string }
 
+/**
+ * Note: The word "Use" in "UseTemplateModal" is not referring to React's "use" convention for hooks.
+ * "UseTemplate" is a FormSG functionality referring to the FormSG feature of utilising another form as a starting template.
+ */
 export const UseTemplateModal = ({
   formId,
   isOpen,

frontend/src/features/admin-form/template/UseTemplateModal/UseTemplateWizardProvider.tsx

@@ -116,6 +116,10 @@ interface UseTemplateWizardProviderProps {
   children: React.ReactNode
 }
 
+/**
+ * Note: The word "Use" in "UseTemplateWizardProvider" is not referring to React's "use" convention for hooks.
+ * "UseTemplate" is a FormSG functionality referring to the FormSG feature of utilising another form as a starting template.
+ */
 export const UseTemplateWizardProvider = ({
   formId,
   children,

frontend/src/features/admin-form/template/mutation.ts

@@ -53,6 +53,10 @@ const useCommonHooks = () => {
   }
 }
 
+/**
+ * Note: The word "Use" in "useUseTemplateWizardProvider" is not referring to React's "use" convention for hooks.
+ * "UseTemplate" is a FormSG functionality referring to the FormSG feature of utilising another form as a starting template.
+ */
 export const useUseTemplateMutations = () => {
   const { handleSuccess, handleError } = useCommonHooks()