Use env var

apps/app/src/features/openai/client/components/AiAssistant/AiAssistantManagementModal/AiAssistantManagementEditPages.tsx

@@ -4,9 +4,9 @@ import { useTranslation } from 'react-i18next';
 import { ModalBody } from 'reactstrap';
 
 import type { IPageForItem } from '~/interfaces/page';
+import { useLimitLearnablePageCount } from '~/stores-universal/context';
 import { usePageSelectModal } from '~/stores/modal';
 
-import { LIMIT_LEARNABLE_PAGE_COUNT } from '../../../../interfaces/ai-assistant';
 import type { SelectedPage } from '../../../../interfaces/selected-page';
 
 import { AiAssistantManagementHeader } from './AiAssistantManagementHeader';
@@ -21,6 +21,7 @@ type Props = {
 
 export const AiAssistantManagementEditPages = (props: Props): JSX.Element => {
   const { t } = useTranslation();
+  const { data: limitLearnablePageCount } = useLimitLearnablePageCount();
 
   const { selectedPages, onSelect, onRemove } = props;
 
@@ -38,7 +39,7 @@ export const AiAssistantManagementEditPages = (props: Props): JSX.Element => {
         <p
           className="text-secondary py-1"
           // eslint-disable-next-line react/no-danger
-          dangerouslySetInnerHTML={{ __html: t('modal_ai_assistant.edit_page_description', { limitLearnablePageCount: LIMIT_LEARNABLE_PAGE_COUNT }) }}
+          dangerouslySetInnerHTML={{ __html: t('modal_ai_assistant.edit_page_description', { limitLearnablePageCount }) }}
         />
 
         <button