feat(langs): Add internacionalization functionality

src/pages/es/blog/[...slug].astro

@@ -0,0 +1,26 @@
+---
+import { changeLanguage } from "i18next";
+import type { InferGetStaticPropsType, GetStaticPaths } from "astro";
+import { getCollection } from "astro:content";
+import Layout from "@layouts/Layout.astro";
+import Toc from "@components/Toc/Toc";
+
+changeLanguage("es");
+
+export const getStaticPaths = (async () => {
+    const entries = await getCollection("blog");
+    return entries.map((entry) => ({
+        params: { slug: entry.slug },
+        props: entry,
+    }));
+}) satisfies GetStaticPaths;
+type Props = InferGetStaticPropsType<typeof getStaticPaths>;
+const entry = Astro.props;
+const { Content, headings } = await entry.render();
+---
+
+<Layout title={entry.data.title}>
+  <Toc headings={headings} />
+
+  <Content />
+</Layout>

src/pages/es/blog/index.astro

@@ -0,0 +1,44 @@
+---
+import { changeLanguage } from "i18next";
+import { getCollection } from "astro:content";
+import Layout from "@layouts/Layout.astro";
+import Table from "@components/Table";
+import { HeaderType, type Header } from "@components/Table/types";
+
+changeLanguage("es");
+
+const rawEntries = await getCollection("blog", ({ data }) => {
+    return import.meta.env.PROD ? data.draft !== true : true;
+});
+const entries = rawEntries.map((item, idx) => ({
+    ...item.data,
+    id: idx + 1,
+    slug: item.slug,
+}));
+const headers: Header[] = [
+    {
+        key: "id",
+        header: "index",
+        type: HeaderType.Index,
+    },
+    {
+        key: "title",
+        header: "Title",
+        formatter: (data) => `<a href="blog/${data.slug}">${data.title}</a>`,
+        type: HeaderType.String,
+    },
+    {
+        key: "tags",
+        header: "Tags",
+        type: HeaderType.Multiple,
+    },
+];
+---
+
+<Layout title="List of blog entries">
+  <h1>Blog's entries</h1>
+
+  <section>
+    <Table client:load data={entries} headers={headers} />
+  </section>
+</Layout>