🐛 fix: uniform headers across pages

src/components/molecules/PrivacyPolicy/index.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import { Typography, Link, List as MuiList, styled, Box } from '@mui/material'
 
-import ListItemText from 'components/atoms/ListItemText/index.js'
+import { ListItemText, SectionHeader, SectionSubheader } from 'components/atoms/index.js'
 
 const List = styled(MuiList)(({ theme }) => ({
   listStyleType: 'disc',
@@ -15,24 +15,20 @@ const List = styled(MuiList)(({ theme }) => ({
 const PrivacyPolicy: React.FC = () => {
   return (
     <Box aria-labelledby="privacy-policy">
-      <Typography id="privacy-policy" aria-label="privacy-policy" variant="h3" component="h2" gutterBottom>
+      <SectionHeader id="privacy-policy" aria-label="privacy-policy" color="inherit">
         Privacy Policy
-      </Typography>
+      </SectionHeader>
       <Typography variant="subtitle1" color="textSecondary" component="p" pb={4}>
         Last updated: May 27, 2025
       </Typography>
 
-      <Typography variant="h5" component="h2" gutterBottom>
-        Introduction
-      </Typography>
+      <SectionSubheader>Introduction</SectionSubheader>
       <Typography component="p" color="textSecondary">
         m-tartari ("we", "our", or "us") respects your privacy and is committed to protecting your personal data. This privacy policy will inform you
         about how we look after your personal data when you visit our website and tell you about your privacy rights and how the law protects you.
       </Typography>
 
-      <Typography variant="h5" component="h2" gutterBottom sx={{ mt: 4 }}>
-        The Data We Collect About You
-      </Typography>
+      <SectionSubheader sx={{ mt: 4 }}>The Data We Collect About You</SectionSubheader>
       <Typography component="p" color="textSecondary">
         We collect and process the following information when you visit our website:
       </Typography>
@@ -44,9 +40,7 @@ const PrivacyPolicy: React.FC = () => {
         <ListItemText title="Usage Data"> includes information about how you use our website, products, and services.</ListItemText>
       </List>
 
-      <Typography variant="h5" component="h2" gutterBottom sx={{ mt: 4 }}>
-        Cookies
-      </Typography>
+      <SectionSubheader sx={{ mt: 4 }}>Cookies</SectionSubheader>
       <Typography component="p" color="textSecondary">
         We use cookies to distinguish you from other users of our website. This helps us to provide you with a good experience when you browse our
         website and also allows us to improve our site.
@@ -66,9 +60,7 @@ const PrivacyPolicy: React.FC = () => {
         </ListItemText>
       </List>
 
-      <Typography variant="h5" component="h2" gutterBottom sx={{ mt: 4 }}>
-        Google Analytics
-      </Typography>
+      <SectionSubheader sx={{ mt: 4 }}>Google Analytics</SectionSubheader>
       <Typography component="p" color="textSecondary">
         This website uses Google Analytics 4, a web analytics service provided by Google, Inc. ("Google"). Google Analytics uses cookies to help the
         website analyze how users use the site. The information generated by the cookie about your use of the website will be transmitted to and
@@ -92,9 +84,7 @@ const PrivacyPolicy: React.FC = () => {
         .
       </Typography>
 
-      <Typography variant="h5" component="h2" gutterBottom sx={{ mt: 4 }}>
-        Your Rights
-      </Typography>
+      <SectionSubheader sx={{ mt: 4 }}>Your Rights</SectionSubheader>
       <Typography component="p" color="textSecondary">
         Under the General Data Protection Regulation (GDPR), you have various rights in relation to your personal data, including:
       </Typography>
@@ -108,9 +98,7 @@ const PrivacyPolicy: React.FC = () => {
         <ListItemText>The right to object to processing of your personal data</ListItemText>
       </List>
 
-      <Typography variant="h5" component="h2" gutterBottom sx={{ mt: 4 }}>
-        Contact Us
-      </Typography>
+      <SectionSubheader sx={{ mt: 4 }}>Contact Us</SectionSubheader>
       <Typography component="p" color="textSecondary">
         If you have any questions about this privacy policy or our privacy practices, please contact us at{' '}
         <Link color="textPrimary" href="mailto:privacy@m-tartari.eu" target="_blank" rel="noopener noreferrer">