feat: #336 - Use consistent styling for all welcome banners

Author: StubberG3

frontend/src/App.css

@@ -170,7 +170,7 @@ The heading directly under the nav bar.
 }
 
 .desc1 {
-    @apply mx-auto mt-5 hidden max-w-[75%] text-center  font-satoshi text-lg text-gray-400 sm:text-xl  md:block;
+    @apply mx-auto mt-5 text-center font-satoshi text-lg text-gray-400 sm:text-xl md:block;
     font-size: 100%;
     letter-spacing: 0.03em;
 }

frontend/src/pages/Help/Help.tsx

@@ -1,22 +1,17 @@
 import { Link } from "react-router-dom";
 import Layout from "../Layout/Layout";
+import Welcome from "../../components/Welcome/Welcome";
 import HelpCard from "./HelpCard";
 import { helpData } from "./helpData";
 
 function Help() {
   return (
     <Layout>
       <div className="mt-20 flex w-full max-w-6xl flex-col items-center justify-center px-4">
-        <div className="flex justify-center text-center">
-          <h1 className="mt-20 font-satoshi text-3xl text-blue-600">
-            Help & Support
-          </h1>
-        </div>
-        <div className="flex py-2 text-center">
-          <h3 className="font-satoshi text-gray-600">
-            Get help and support for improving your Balancer experience.
-          </h3>
-        </div>
+        <Welcome
+          subHeader="Help & Support"
+          descriptionText="Get help and support for improving your Balancer experience."
+        />
         <div className="flex flex-col gap-4 sm:flex-row">
           {helpData.map((helpDataEntry, index) => {
             const card = (