feat: Added a translation for Hectopascal and added a description of …

…the wind pressure

apps/web/public/locales/de/common.json

@@ -18,6 +18,7 @@
   "knots": "Knoten",
   "meters per second": "Meter pro Sekunde",
   "beaufort": "Beaufort",
+  "hectopascals": "Hektopascal",
 
   "share text": "Checke doch mal diese Seite aus: ",
 

apps/web/public/locales/de/home.json

@@ -62,6 +62,7 @@
   "visibility card title": "Derzeitige Sichtweite",
 
   "wind pressure card title": "Derzeitiger Wind",
+  "wind pressure card content": "<b>Atmosphärischer Druck auf dem Meeresspiegel.</b> <br /> Auf Meereshöhe ist der atmosphärische Druck die Kraft, die durch das Gewicht der darüber befindlichen Luft ausgeübt wird und im Durchschnitt bei 1013,25 hPa liegt.",
 
   "not available": "Nicht verfügbar",
 

apps/web/public/locales/en/common.json

@@ -18,6 +18,7 @@
   "knots": "Knots",
   "meters per second": "Meters per second",
   "beaufort": "Beaufort",
+  "hectopascals": "Hectopascals",
 
   "share text": "Check out this page: ",
 

apps/web/public/locales/en/home.json

@@ -62,6 +62,7 @@
   "visibility card title": "Current Visibility",
 
   "wind pressure card title": "Current Wind & Pressure",
+  "wind pressure card content": "<b>Atmospheric pressure on the sea level.</b> <br /> At sea level, atmospheric pressure is the force exerted by the weight of the air above, averaging around 1013.25 hPa.",
 
   "not available": "Not available",
 

apps/web/src/pages/home/index.tsx

@@ -935,10 +935,14 @@ const InternalHome = observer(() => {
                       className="underline"
                       href="https://en.wikipedia.org/wiki/Pascal_(unit)"
                     >
-                      Hectopascal (hPa)
+                      {translationCommon("hectopascals")} (hPa)
                       <LuLink className="ml-1 inline h-4 w-4" />
                     </Link>
                     <br />
+                    {ReactHtmlParser(
+                      translationHome("wind pressure card content"),
+                    )}
+                    <br /> <br />
                     <span className="font-semibold">
                       {translationHome("speed")}:
                     </span>{" "}