Revert "feat(contact-page-redesign): Implemented test feedback. (#4882)"

This reverts commit f1c7038.

packages/app/src/components/contact/contact-page-item-links.tsx

@@ -12,7 +12,7 @@ interface ContactPageItemLinksProps {
 
 export const ContactPageItemLinks = ({ links }: ContactPageItemLinksProps) => {
   return (
-    <LinkListItemContainer spacing={{ _: 3, md: 0 }}>
+    <Box display="grid" gridTemplateColumns={{ _: '1fr', sm: '1fr 1fr' }} marginTop={space[3]} spacing={{ _: 3, sm: 0 }}>
       {links.map(({ id, titleAboveLink, href, label, linkType }) => (
         <div key={id}>
           {titleAboveLink && (
@@ -21,33 +21,19 @@ export const ContactPageItemLinks = ({ links }: ContactPageItemLinksProps) => {
             </Text>
           )}
 
-          <LinkListItem hasTitle={!!titleAboveLink}>
+          <LinkListItem>
             <ContactPageLink href={href} label={label} linkType={linkType} />
           </LinkListItem>
         </div>
       ))}
-    </LinkListItemContainer>
+    </Box>
   );
 };
 
-const LinkListItemContainer = styled(Box)`
-  margin-top: ${space[3]};
-
-  @media ${mediaQueries.md} {
-    display: flex;
-    gap: ${space[3]};
-  }
-`;
-
-interface LinkListItemProps {
-  hasTitle: boolean;
-}
-
-const LinkListItem = styled.div<LinkListItemProps>`
+const LinkListItem = styled.div`
   border-radius: ${radii[1]}px;
   border: 1px solid ${colors.gray3};
   display: block;
-  margin-top: ${({ hasTitle }) => (hasTitle ? space[3] : undefined)};
   padding: ${space[2]} ${space[3]};
   transition: all 0.2s;
 
@@ -59,7 +45,7 @@ const LinkListItem = styled.div<LinkListItemProps>`
     }
   }
 
-  @media ${mediaQueries.md} {
+  @media ${mediaQueries.sm} {
     display: inline-block;
   }
 `;