style: Update navigation.ts formatting and structure

app/libs/navigation.ts

@@ -121,6 +121,11 @@ export const navigation: NavigationSection[] = [
           { title: "Le hook useReducer", href: "/docs/react/use-reducer" },
         ],
       },
+      {
+        title: "HTML",
+        href: "/docs/html",
+        subitems: [{ title: "Introduction", href: "/docs/html" }],
+      },
     ],
   },
   {
@@ -147,20 +152,12 @@ export const navigation: NavigationSection[] = [
   },
 ];
 
-export function doesLinkSubitemExist(
-	link: NavigationLink,
-	subitemHref: string,
-): boolean {
+export function doesLinkSubitemExist(link: NavigationLink, subitemHref: string): boolean {
   return link.subitems.some((subitem) => subitem.href === subitemHref);
 }
 
-export function findNavigationLink(
-	namespace: string,
-	href?: string,
-): NavigationLink | undefined {
-	const currentUrl = `/${namespace}/${href}`
-		.replace(/\/+/g, "/")
-		.replace(/\/$/, "");
+export function findNavigationLink(namespace: string, href?: string): NavigationLink | undefined {
+  const currentUrl = `/${namespace}/${href}`.replace(/\/+/g, "/").replace(/\/$/, "");
 
   const foundLink = navigation
     .flatMap((section) => section.links)

app/pages/docs/html/+Page.mdx

@@ -0,0 +1,36 @@
+---
+title: Introduction au HTML
+description: Parlons un peu de HTML, l'incontournable langage de balisage utilisé pour créer des pages web.
+tags: []
+---
+
+import Callout from "@/components/Callout";
+
+HTML est un langage de balisage utilisé pour structurer le contenu des pages web.  
+Bien qu'il ne s'agisse pas d'un langage de programmation à proprement parler, il reste fondamental pour créer des sites web.
+
+Mais avant de plonger dans le vif du sujet, faisons un petit tour d'horizon de ce qu'est le HTML et pourquoi il est si important.
+
+## 🤔 Qu'est-ce que le HTML ?
+
+HTML, ou **HyperText Markup Language**, est le langage standard utilisé pour créer des pages web. Il s'agit d'un langage de balisage qui utilise des **balises** pour structurer le contenu.  
+Il s'agit du squelette d'une page web, qui définit la structure et le contenu de celle-ci.
+
+<Callout type="question" title="Pourquoi HTML n'est pas un langage de programmation ?">
+  Avant de répondre à cette question, il est important de connaître la définition d'un langage de programmation.
+
+  <Callout type="note" title="Langage de programmation" collapsible>
+    Un langage de programmation est un ensemble de règles et de conventions qui permettent d'écrire des instructions que l'ordinateur peut comprendre et exécuter.  
+    Ces instructions peuvent inclure des calculs, des conditions, des boucles, etc.
+
+    Parmis les langages de programmation les plus connus, on peut citer :
+
+    - JavaScript
+    - Python
+    - Java
+    - C++
+    - C#
+
+    et bien d'autres !
+  </Callout>
+</Callout>