wording regarding toc

src/components/TableOfContent/TableOfContent.astro

@@ -2,12 +2,14 @@
 import type { TableOfContentEntry } from "src/shared/payload/payload-sdk";
 import TableOfContentItem from "./components/TableOfContentItem.astro";
 import { Icon } from "astro-icon/components";
+import { getI18n } from "src/i18n/i18n";
 
 interface Props {
   toc: TableOfContentEntry[];
 }
 
 const { toc } = Astro.props;
+const { t } = await getI18n(Astro.locals.currentLocale);
 ---
 
 {/* ------------------------------------------- HTML ------------------------------------------- */}
@@ -15,7 +17,7 @@ const { toc } = Astro.props;
 <div id="container">
   <div id="title">
     <Icon name="material-symbols:list-alt-outline" width={24} height={24} />
-    <p>Table of Content</p>
+    <p>{t("pages.tableOfContent")}</p>
   </div>
   <ol>
     {toc.map((entry) => <TableOfContentItem entry={entry} />)}

src/i18n/wordings-keys.ts

@@ -78,4 +78,5 @@ export type WordingKey =
   | "global.credits.transcribers"
   | "global.credits.translators"
   | "global.credits.proofreaders"
-  | "global.credits.authors";
+  | "global.credits.authors"
+  | "pages.tableOfContent";