patch: add padding

Author: wackerow

app/[locale]/community/_components/community.tsx

@@ -161,9 +161,11 @@ const CommunityPage = () => {
       <HubHero {...heroContent} />
       <Divider />
       <Flex className="-mt-px w-full flex-row-reverse items-center border-b border-b-border-high-contrast py-8 ps-0 lg:py-0 lg:ps-8">
-        <Content>
+        <div className="mb-12 w-full px-8 py-4">
           <Flex className="flex-col items-center">
-            <H2 className="lg:text-4xl">{t("page-community-why-get-involved-title")}</H2>
+            <H2 className="lg:text-4xl">
+              {t("page-community-why-get-involved-title")}
+            </H2>
           </Flex>
           <CardContainer>
             {whyGetInvolvedCards.map((card, idx) => (
@@ -176,7 +178,7 @@ const CommunityPage = () => {
               />
             ))}
           </CardContainer>
-        </Content>
+        </div>
       </Flex>
       <div className="w-full bg-background-highlight pb-16 shadow-table-item-box">
         <div className="w-full px-4 py-4 lg:px-8">