refactor ui language content service

Author: javiert-okta

src/features/localization/services/ui-language-content.service.tsx

@@ -4,27 +4,17 @@ import React from "react";
 
 import EnIntroduction from "@/features/introduction/docs/en.introduction.mdx";
 import JaIntroduction from "@/features/introduction/docs/ja.introduction.mdx";
+import { getIntroductionDictionary } from "./language-dictionary.service";
 
 interface GetIntroductionContentParams {
   languageCode: string;
 }
 
-interface GetIntroductionContentResult {
-  Component: React.FC;
-}
-
 export const getIntroductionContent = (
-  params: GetIntroductionContentParams,
-): GetIntroductionContentResult => {
+  params: GetIntroductionContentParams
+) => {
   const { languageCode } = params;
-
-  if (languageCode === "ja") {
-    return {
-      Component: JaIntroduction,
-    };
-  }
-
-  return {
-    Component: EnIntroduction,
-  };
+  const introductionDictionary = getIntroductionDictionary(languageCode)
+  const headings = introductionDictionary.content.headings
+  return languageCode === "ja" ? <JaIntroduction headings={headings}/> : <EnIntroduction headings={headings}/>;
 };