feat(Footer): make Footer texts configurable

src/components/FooterEnd/FooterEnd.tsx

@@ -9,7 +9,7 @@ interface Props {
 }
 
 const FooterEnd: React.FC<Props> = ({ modifier }) => {
-  const { socialLinks, legalInformationLink } = useMessages();
+  const { socialLinksLabel, socialLinks, legalInformationLink, legalInformationLabel } = useMessages();
 
   return (
     <div
@@ -21,7 +21,7 @@ const FooterEnd: React.FC<Props> = ({ modifier }) => {
         {socialLinks && (
           <>
             <div className="footer-social__label">
-              <p>Follow us:</p>
+              <p>{socialLinksLabel ?? 'Follow us:' }</p>
             </div>
             <div className="footer-social__links">
               {socialLinks.map(({ href, iconName }) => (
@@ -40,7 +40,7 @@ const FooterEnd: React.FC<Props> = ({ modifier }) => {
               target="_blank"
               rel="noopener noreferrer"
             >
-              Legal Information
+              {legalInformationLabel || 'Legal Information'}
             </a>
           </p>
         </div>

src/context/MessagesContext/index.tsx

@@ -44,7 +44,9 @@ interface PageIndex {
 
 export interface Messages {
   footerFootnote?: string;
+  socialLinksLabel?: string;
   socialLinks?: SocialLink[];
+  legalInformationLabel?: string;
   legalInformationLink?: string;
   pageHelp?: PageHelp;
   pageOverview?: PageOverview;