♻️ Use p instead of h2 for some elements (#1013)

Author: bjlaa

src/components/layout/Footer.tsx

@@ -70,9 +70,9 @@ export default function Footer({
 
         <div className="mb-10 flex flex-col flex-wrap justify-start gap-x-16 gap-y-8 pt-4 md:flex-row lg:flex-nowrap">
           <div className="flex flex-col gap-y-2">
-            <h2 className="text-default mb-0 text-sm font-bold">
+            <p className="text-default mb-0 text-sm font-bold">
               <Trans>À propos</Trans>
-            </h2>
+            </p>
             <InlineLink
               href="/a-propos"
               onClick={() => trackEvent(footerClickQuiSommesNous)}
@@ -110,9 +110,9 @@ export default function Footer({
           </div>
 
           <div className="flex flex-col gap-y-2">
-            <h2 className="text-default mb-0 text-sm font-bold">
+            <p className="text-default mb-0 text-sm font-bold">
               <Trans>Diffusion</Trans>
-            </h2>
+            </p>
             <InlineLink
               href="/diffuser"
               onClick={() => trackEvent(footerClickDiffusion)}
@@ -136,9 +136,9 @@ export default function Footer({
           </div>
 
           <div className="flex flex-col gap-y-2">
-            <h2 className="text-default mb-0 text-sm font-bold">
+            <p className="text-default mb-0 text-sm font-bold">
               <Trans>Ressources</Trans>
-            </h2>
+            </p>
 
             <InlineLink
               href="/blog"

src/components/layout/header/HeaderDesktop.tsx

@@ -71,9 +71,9 @@ export default function HeaderDesktop({ isSticky }: Props) {
                 id="header-navigation"
                 aria-label={t('Navigation principale')}
                 aria-labelledby="header-navigation-title">
-                <h2 id="header-navigation-title" className="sr-only">
+                <p id="header-navigation-title" className="sr-only">
                   <Trans>Navigation principale</Trans>
-                </h2>
+                </p>
 
                 <ul className="flex h-full flex-1 justify-start gap-4">
                   <li>

src/components/layout/header/headerMobile/FoldableMenu.tsx

@@ -21,9 +21,9 @@ export default function FoldableMenu() {
     <BurgerMenu aria-labelledby="foldable-menu-title">
       {({ closeMenu, onFocus }) => (
         <nav aria-labelledby="foldable-menu-title">
-          <h2 id="foldable-menu-title" className="sr-only">
+          <p id="foldable-menu-title" className="sr-only">
             <Trans>Menu principal</Trans>
-          </h2>
+          </p>
 
           <ul className="flex flex-col gap-4">
             <li>