From 1b849335fc97adc55f8a47ec9e8b886ae4db8b81 Mon Sep 17 00:00:00 2001
From: Raphael Arce <raphael.arce@ts.berlin>
Date: Wed, 28 Feb 2024 14:40:43 +0100
Subject: [PATCH] fix: replace wrong h3 tags with p tags for questions

Signed-off-by: Raphael Arce <raphael.arce@ts.berlin>
---
 src/components/forms/first-registration/has-child.tsx       | 6 +++---
 src/components/forms/first-registration/is-married.tsx      | 6 +++---
 .../forms/first-registration/is-registering-child.tsx       | 6 +++---
 .../first-registration/is-registering-more-than-two.tsx     | 6 +++---
 .../forms/first-registration/is-registering-spouse.tsx      | 2 +-
 src/components/forms/nationality/is-european.tsx            | 6 +++---
 src/components/forms/nationality/is-german-under-16.tsx     | 6 +++---
 src/components/forms/nationality/is-german.tsx              | 6 +++---
 src/components/forms/nationality/is-non-german-under-16.tsx | 6 +++---
 src/components/forms/nationality/is-refugee.tsx             | 6 +++---
 .../forms/other-residence/has-other-residence.tsx           | 6 +++---
 .../forms/other-residence/is-other-residence-abroad.tsx     | 6 +++---
 .../is-registering-for-more-than-six-months.tsx             | 6 +++---
 .../is-registering-for-more-than-three-months.tsx           | 6 +++---
 14 files changed, 40 insertions(+), 40 deletions(-)

diff --git a/src/components/forms/first-registration/has-child.tsx b/src/components/forms/first-registration/has-child.tsx
index 68a1654..d71ce6e 100644
--- a/src/components/forms/first-registration/has-child.tsx
+++ b/src/components/forms/first-registration/has-child.tsx
@@ -34,15 +34,15 @@ export function HasChild() {
       }}
     >
       <div className="flex flex-col gap-4">
-        <h3 className="flex w-full items-baseline justify-between gap-3">
-          {t("first-registration.q4", language)}
+        <div className="flex w-full items-baseline justify-between gap-3">
+          <p>{t("first-registration.q4", language)}</p>
           <div
             className="tooltip text-start sm:tooltip-top ltr:tooltip-left rtl:tooltip-right"
             data-tip={t("first-registration.q4.tooltip", language)}
           >
             <InfoButton />
           </div>
-        </h3>
+        </div>
 
         <div className="flex flex-col gap-1">
           {options.map((option) => {
diff --git a/src/components/forms/first-registration/is-married.tsx b/src/components/forms/first-registration/is-married.tsx
index d0122e4..d9a6bef 100644
--- a/src/components/forms/first-registration/is-married.tsx
+++ b/src/components/forms/first-registration/is-married.tsx
@@ -34,15 +34,15 @@ export function IsMarried() {
       }}
     >
       <div className="flex flex-col gap-4">
-        <h3 className="flex w-full items-baseline justify-between gap-3">
-          {t("first-registration.q2", language)}
+        <div className="flex w-full items-baseline justify-between gap-3">
+          <p>{t("first-registration.q2", language)}</p>
           <div
             className="tooltip text-start sm:tooltip-top ltr:tooltip-left rtl:tooltip-right"
             data-tip={t("first-registration.q2.tooltip", language)}
           >
             <InfoButton />
           </div>
-        </h3>
+        </div>
         <div className="flex flex-col gap-1">
           {options.map((option) => {
             const name = "first-registration.q2.radio";
diff --git a/src/components/forms/first-registration/is-registering-child.tsx b/src/components/forms/first-registration/is-registering-child.tsx
index b350340..04c6bb5 100644
--- a/src/components/forms/first-registration/is-registering-child.tsx
+++ b/src/components/forms/first-registration/is-registering-child.tsx
@@ -38,15 +38,15 @@ export function IsRegisteringChild() {
       }}
     >
       <div className="flex flex-col gap-4">
-        <h3 className="flex w-full items-baseline justify-between gap-3">
-          {t("first-registration.q5", language)}
+        <div className="flex w-full items-baseline justify-between gap-3">
+          <p>{t("first-registration.q5", language)}</p>
           <div
             className="tooltip text-start sm:tooltip-top ltr:tooltip-left rtl:tooltip-right"
             data-tip={t("first-registration.q5.tooltip", language)}
           >
             <InfoButton />
           </div>
-        </h3>
+        </div>
         <div className="flex flex-col gap-1">
           {options.map((option) => {
             const name = "first-registration.q5.radio";
diff --git a/src/components/forms/first-registration/is-registering-more-than-two.tsx b/src/components/forms/first-registration/is-registering-more-than-two.tsx
index e1fe3bf..69dec7c 100644
--- a/src/components/forms/first-registration/is-registering-more-than-two.tsx
+++ b/src/components/forms/first-registration/is-registering-more-than-two.tsx
@@ -38,15 +38,15 @@ export function IsRegisteringMoreThanTwo() {
       }}
     >
       <div className="flex flex-col gap-4">
-        <h3 className="flex w-full items-baseline justify-between gap-3">
-          {t("first-registration.q6", language)}
+        <div className="flex w-full items-baseline justify-between gap-3">
+          <p>{t("first-registration.q6", language)}</p>
           <div
             className="tooltip text-start sm:tooltip-top ltr:tooltip-left rtl:tooltip-right"
             data-tip={t("first-registration.q6.tooltip", language)}
           >
             <InfoButton />
           </div>
-        </h3>
+        </div>
         <div className="flex flex-col gap-1">
           {options.map((option) => {
             const name = "first-registration.q6.radio";
diff --git a/src/components/forms/first-registration/is-registering-spouse.tsx b/src/components/forms/first-registration/is-registering-spouse.tsx
index 9b16374..c6d2211 100644
--- a/src/components/forms/first-registration/is-registering-spouse.tsx
+++ b/src/components/forms/first-registration/is-registering-spouse.tsx
@@ -39,7 +39,7 @@ export function IsRegisteringSpouse() {
     >
       <div className="flex flex-col gap-4">
         <h3 className="flex w-full items-baseline justify-between gap-3">
-          {t("first-registration.q3", language)}
+          <p>{t("first-registration.q3", language)}</p>
           <div
             className="tooltip text-start sm:tooltip-top ltr:tooltip-left rtl:tooltip-right"
             data-tip={t("first-registration.q3.tooltip", language)}
diff --git a/src/components/forms/nationality/is-european.tsx b/src/components/forms/nationality/is-european.tsx
index 20c0bd6..374d16f 100644
--- a/src/components/forms/nationality/is-european.tsx
+++ b/src/components/forms/nationality/is-european.tsx
@@ -34,15 +34,15 @@ export function IsEuropean() {
       }}
     >
       <div className="flex flex-col gap-4">
-        <h3 className="flex w-full items-baseline justify-between gap-3">
-          {t("nationality.q3", language)}
+        <div className="flex w-full items-baseline justify-between gap-3">
+          <p>{t("nationality.q3", language)}</p>
           <div
             className="tooltip text-start sm:tooltip-top ltr:tooltip-left rtl:tooltip-right"
             data-tip={t("nationality.q3.tooltip", language)}
           >
             <InfoButton />
           </div>
-        </h3>
+        </div>
         <div className="flex flex-col gap-1">
           {options.map((option) => {
             const name = "nationality.q3.radio";
diff --git a/src/components/forms/nationality/is-german-under-16.tsx b/src/components/forms/nationality/is-german-under-16.tsx
index f7db793..d679861 100644
--- a/src/components/forms/nationality/is-german-under-16.tsx
+++ b/src/components/forms/nationality/is-german-under-16.tsx
@@ -36,15 +36,15 @@ export function IsGermanUnder16() {
       }}
     >
       <div className="flex flex-col gap-4">
-        <h3 className="flex w-full items-baseline justify-between gap-3">
-          {t("nationality.q2", language)}
+        <div className="flex w-full items-baseline justify-between gap-3">
+          <p>{t("nationality.q2", language)}</p>
           <div
             className="tooltip text-start sm:tooltip-top ltr:tooltip-left rtl:tooltip-right"
             data-tip={t("nationality.q2.tooltip", language)}
           >
             <InfoButton />
           </div>
-        </h3>
+        </div>
         <div className="flex flex-col gap-1">
           {options.map((option) => {
             const name = "nationality.q2.radio";
diff --git a/src/components/forms/nationality/is-german.tsx b/src/components/forms/nationality/is-german.tsx
index 45345f6..9b4c03a 100644
--- a/src/components/forms/nationality/is-german.tsx
+++ b/src/components/forms/nationality/is-german.tsx
@@ -34,15 +34,15 @@ export function IsGerman() {
       }}
     >
       <div className="flex flex-col gap-4">
-        <h3 className="flex w-full items-baseline justify-between gap-3">
-          {t("nationality.q1", language)}
+        <div className="flex w-full items-baseline justify-between gap-3">
+          <p>{t("nationality.q1", language)}</p>
           <div
             className="tooltip text-start sm:tooltip-top ltr:tooltip-left rtl:tooltip-right"
             data-tip={t("nationality.q1.tooltip", language)}
           >
             <InfoButton />
           </div>
-        </h3>
+        </div>
         <div className="flex flex-col gap-1">
           {options.map((option) => {
             const name = "nationality.q1.radio";
diff --git a/src/components/forms/nationality/is-non-german-under-16.tsx b/src/components/forms/nationality/is-non-german-under-16.tsx
index d2bad97..924bebd 100644
--- a/src/components/forms/nationality/is-non-german-under-16.tsx
+++ b/src/components/forms/nationality/is-non-german-under-16.tsx
@@ -38,15 +38,15 @@ export function IsNonGermanUnder16() {
       }}
     >
       <div className="flex flex-col gap-4">
-        <h3 className="flex w-full items-baseline justify-between gap-3">
-          {t("nationality.q4", language)}
+        <div className="flex w-full items-baseline justify-between gap-3">
+          <p>{t("nationality.q4", language)}</p>
           <div
             className="tooltip text-start sm:tooltip-top ltr:tooltip-left rtl:tooltip-right"
             data-tip={t("nationality.q4.tooltip", language)}
           >
             <InfoButton />
           </div>
-        </h3>
+        </div>
         <div className="flex flex-col gap-1">
           {options.map((option) => {
             const name = "nationality.q4.radio";
diff --git a/src/components/forms/nationality/is-refugee.tsx b/src/components/forms/nationality/is-refugee.tsx
index be36ed6..388ffd1 100644
--- a/src/components/forms/nationality/is-refugee.tsx
+++ b/src/components/forms/nationality/is-refugee.tsx
@@ -34,15 +34,15 @@ export function IsRefugee() {
       }}
     >
       <div className="flex flex-col gap-4">
-        <h3 className="flex w-full items-baseline justify-between gap-3">
-          {t("nationality.q5", language)}
+        <div className="flex w-full items-baseline justify-between gap-3">
+          <p>{t("nationality.q5", language)}</p>
           <div
             className="tooltip text-start sm:tooltip-top ltr:tooltip-left rtl:tooltip-right"
             data-tip={t("nationality.q5.tooltip", language)}
           >
             <InfoButton />
           </div>
-        </h3>
+        </div>
         <div className="flex flex-col gap-1">
           {options.map((option) => {
             const name = "nationality.q5.radio";
diff --git a/src/components/forms/other-residence/has-other-residence.tsx b/src/components/forms/other-residence/has-other-residence.tsx
index ace6123..42628db 100644
--- a/src/components/forms/other-residence/has-other-residence.tsx
+++ b/src/components/forms/other-residence/has-other-residence.tsx
@@ -38,15 +38,15 @@ export function HasOtherResidence() {
       }}
     >
       <div className="flex flex-col gap-4">
-        <h3 className="flex w-full items-baseline justify-between gap-3">
-          {t("other-residence.q1", language)}
+        <div className="flex w-full items-baseline justify-between gap-3">
+          <p>{t("other-residence.q1", language)}</p>
           <div
             className="tooltip text-start sm:tooltip-top ltr:tooltip-left rtl:tooltip-right"
             data-tip={t("other-residence.q1.tooltip", language)}
           >
             <InfoButton />
           </div>
-        </h3>
+        </div>
         <div className="flex flex-col gap-1">
           {options.map((option) => {
             const name = "other-residence.q1.radio";
diff --git a/src/components/forms/other-residence/is-other-residence-abroad.tsx b/src/components/forms/other-residence/is-other-residence-abroad.tsx
index 55da9de..806945e 100644
--- a/src/components/forms/other-residence/is-other-residence-abroad.tsx
+++ b/src/components/forms/other-residence/is-other-residence-abroad.tsx
@@ -38,15 +38,15 @@ export function IsOtherResidenceAbroad() {
       }}
     >
       <div className="flex flex-col gap-4">
-        <h3 className="flex w-full items-baseline justify-between gap-3">
-          {t("other-residence.q2", language)}
+        <div className="flex w-full items-baseline justify-between gap-3">
+          <p>{t("other-residence.q2", language)}</p>
           <div
             className="tooltip text-start sm:tooltip-top ltr:tooltip-left rtl:tooltip-right"
             data-tip={t("other-residence.q2.tooltip", language)}
           >
             <InfoButton />
           </div>
-        </h3>
+        </div>
         <div className="flex flex-col gap-1">
           {options.map((option) => {
             const name = "other-residence.q2.radio";
diff --git a/src/components/forms/other-residence/is-registering-for-more-than-six-months.tsx b/src/components/forms/other-residence/is-registering-for-more-than-six-months.tsx
index 62284f5..f27085c 100644
--- a/src/components/forms/other-residence/is-registering-for-more-than-six-months.tsx
+++ b/src/components/forms/other-residence/is-registering-for-more-than-six-months.tsx
@@ -40,15 +40,15 @@ export function IsRegisteringForMoreThanSixMonths() {
       }}
     >
       <div className="flex flex-col gap-4">
-        <h3 className="flex w-full items-baseline justify-between gap-3">
-          {t("other-residence.q4", language)}
+        <div className="flex w-full items-baseline justify-between gap-3">
+          <p>{t("other-residence.q4", language)}</p>
           <div
             className="tooltip text-start sm:tooltip-top ltr:tooltip-left rtl:tooltip-right"
             data-tip={t("other-residence.q4.tooltip", language)}
           >
             <InfoButton />
           </div>
-        </h3>
+        </div>
         <div className="flex flex-col gap-1">
           {options.map((option) => {
             const name = "other-residence.q4.radio";
diff --git a/src/components/forms/other-residence/is-registering-for-more-than-three-months.tsx b/src/components/forms/other-residence/is-registering-for-more-than-three-months.tsx
index 230345f..df5de8d 100644
--- a/src/components/forms/other-residence/is-registering-for-more-than-three-months.tsx
+++ b/src/components/forms/other-residence/is-registering-for-more-than-three-months.tsx
@@ -40,15 +40,15 @@ export function IsRegisteringForMoreThanThreeMonths() {
       }}
     >
       <div className="flex flex-col gap-4">
-        <h3 className="flex w-full items-baseline justify-between gap-3">
-          {t("other-residence.q3", language)}
+        <div className="flex w-full items-baseline justify-between gap-3">
+          <p>{t("other-residence.q3", language)}</p>
           <div
             className="tooltip text-start sm:tooltip-top ltr:tooltip-left rtl:tooltip-right"
             data-tip={t("other-residence.q3.tooltip", language)}
           >
             <InfoButton />
           </div>
-        </h3>
+        </div>
         <div className="flex flex-col gap-1">
           {options.map((option) => {
             const name = "other-residence.q3.radio";