Revert "fix(#3622): apply new design system theme changes to home page"

This reverts commit 9a2f971.

Author: MSzalowski

govtool/frontend/src/components/atoms/Typography.tsx

@@ -12,11 +12,8 @@ export const Typography = ({
     headline3: 36,
     headline4: 32,
     headline5: 28,
-    title: 27,
     title1: 24,
-    titleH3: 23,
     title2: 22,
-    body: 21,
     body1: 16,
     body2: 14,
     caption: 12,
@@ -28,11 +25,8 @@ export const Typography = ({
     headline3: 400,
     headline4: 600,
     headline5: 500,
-    title: 500,
     title1: 400,
-    titleH3: 500,
     title2: 500,
-    body: 400,
     body1: 600,
     body2: 500,
     caption: 400,
@@ -44,11 +38,8 @@ export const Typography = ({
     headline3: "44px",
     headline4: "40px",
     headline5: "36px",
-    title: "32px",
-    titleH3: "32px",
     title1: "32px",
     title2: "28px",
-    body: "28px",
     body1: "24px",
     body2: "20px",
     caption: "16px",

govtool/frontend/src/components/atoms/types.ts

@@ -32,11 +32,8 @@ export type TypographyProps = Pick<
     | "headline3"
     | "headline4"
     | "headline5"
-    | "title"
-    | "titleH3"
     | "title1"
     | "title2"
-    | "body"
     | "body1"
     | "body2"
     | "caption";

govtool/frontend/src/components/organisms/UsefulLinks.tsx

@@ -53,10 +53,10 @@ export const UsefulLinks = ({ align = "left" }: Props) => {
               backgroundColor: "white",
             }}
           >
-            <Typography component="h3" variant="titleH3">
+            <Typography>
               {t(`usefulLinks.${key as keyof typeof LINKS}.title`)}
             </Typography>
-            <Typography variant="body" sx={{ mb: 1 }}>
+            <Typography variant="caption" sx={{ mb: 1 }}>
               {t(`usefulLinks.${key as keyof typeof LINKS}.description`)}
             </Typography>
             <Link
@@ -74,11 +74,7 @@ export const UsefulLinks = ({ align = "left" }: Props) => {
                 },
               }}
             >
-              <Typography
-                color="primary"
-                variant="body2"
-                sx={{ fontSize: "21px" }}
-              >
+              <Typography color="primary" variant="body2">
                 {t(`usefulLinks.${key as keyof typeof LINKS}.link`)}
               </Typography>
               <img