Adjust testing with localization

app/components/FeatureGrid/FeatureGrid.container.tsx

@@ -13,32 +13,48 @@ const FeatureGridContainer = memo<FeatureGridProps>(
       () => [
         {
           backgroundColor: "bg-[var(--color-surface-default-brand-royal)]",
-          labelLine1: t("pages.home.featureGrid.features.decisionMaking.labelLine1"),
-          labelLine2: t("pages.home.featureGrid.features.decisionMaking.labelLine2"),
+          labelLine1: t(
+            "pages.home.featureGrid.features.decisionMaking.labelLine1",
+          ),
+          labelLine2: t(
+            "pages.home.featureGrid.features.decisionMaking.labelLine2",
+          ),
           panelContent: "/assets/Feature_Support.png",
           ariaLabel: t("featureGrid.features.decisionMaking.ariaLabel"),
           href: "#decision-making",
         },
         {
           backgroundColor: "bg-[#D1FFE2]",
-          labelLine1: t("pages.home.featureGrid.features.valuesAlignment.labelLine1"),
-          labelLine2: t("pages.home.featureGrid.features.valuesAlignment.labelLine2"),
+          labelLine1: t(
+            "pages.home.featureGrid.features.valuesAlignment.labelLine1",
+          ),
+          labelLine2: t(
+            "pages.home.featureGrid.features.valuesAlignment.labelLine2",
+          ),
           panelContent: "/assets/Feature_Exercises.png",
           ariaLabel: t("featureGrid.features.valuesAlignment.ariaLabel"),
           href: "#values-alignment",
         },
         {
           backgroundColor: "bg-[#F4CAFF]",
-          labelLine1: t("pages.home.featureGrid.features.membershipGuidance.labelLine1"),
-          labelLine2: t("pages.home.featureGrid.features.membershipGuidance.labelLine2"),
+          labelLine1: t(
+            "pages.home.featureGrid.features.membershipGuidance.labelLine1",
+          ),
+          labelLine2: t(
+            "pages.home.featureGrid.features.membershipGuidance.labelLine2",
+          ),
           panelContent: "/assets/Feature_Guidance.png",
           ariaLabel: t("featureGrid.features.membershipGuidance.ariaLabel"),
           href: "#membership-guidance",
         },
         {
           backgroundColor: "bg-[#CBDDFF]",
-          labelLine1: t("pages.home.featureGrid.features.conflictResolution.labelLine1"),
-          labelLine2: t("pages.home.featureGrid.features.conflictResolution.labelLine2"),
+          labelLine1: t(
+            "pages.home.featureGrid.features.conflictResolution.labelLine1",
+          ),
+          labelLine2: t(
+            "pages.home.featureGrid.features.conflictResolution.labelLine2",
+          ),
           panelContent: "/assets/Feature_Tools.png",
           ariaLabel: t("featureGrid.features.conflictResolution.ariaLabel"),
           href: "#conflict-resolution",

app/components/Footer.tsx

@@ -17,10 +17,7 @@ const Footer = memo(() => {
     name: t("organization.name"),
     email: t("organization.email"),
     url: t("organization.url"),
-    sameAs: [
-      t("social.bluesky.url"),
-      t("social.gitlab.url"),
-    ],
+    sameAs: [t("social.bluesky.url"), t("social.gitlab.url")],
   };
 
   return (

app/components/Header/Header.container.tsx

@@ -96,7 +96,11 @@ const HeaderContainer = memo<HeaderProps>(() => {
 
   const renderLoginButton = (size: NavSize) => {
     return (
-      <MenuBarItem href="#" size={size} ariaLabel={t("ariaLabels.logInToAccount")}>
+      <MenuBarItem
+        href="#"
+        size={size}
+        ariaLabel={t("ariaLabels.logInToAccount")}
+      >
         {t("buttons.logIn")}
       </MenuBarItem>
     );
@@ -108,10 +112,7 @@ const HeaderContainer = memo<HeaderProps>(() => {
     avatarSize: "small" | "medium" | "large" | "xlarge",
   ) => {
     return (
-      <Button
-        size={buttonSize}
-        ariaLabel={t("ariaLabels.createNewRule")}
-      >
+      <Button size={buttonSize} ariaLabel={t("ariaLabels.createNewRule")}>
         {renderAvatarGroup(containerSize, avatarSize)}
         <span>{t("buttons.createRule")}</span>
       </Button>

app/components/Header/index.tsx

@@ -1,3 +1,3 @@
 export { default } from "./Header.container";
 export type { HeaderProps } from "./Header.types";
-export { navigationItems, avatarImages, logoConfig } from "./Header.container";
+export { avatarImages, logoConfig } from "./Header.container";

app/contexts/MessagesContext.tsx

@@ -12,7 +12,10 @@ interface MessagesProviderProps {
   children: ReactNode;
 }
 
-export function MessagesProvider({ messages, children }: MessagesProviderProps) {
+export function MessagesProvider({
+  messages,
+  children,
+}: MessagesProviderProps) {
   return (
     <MessagesContext.Provider value={messages}>
       {children}

app/layout.tsx

@@ -87,11 +87,7 @@ export const metadata: Metadata = {
   },
 };
 
-export default function RootLayout({
-  children,
-}: {
-  children: ReactNode;
-}) {
+export default function RootLayout({ children }: { children: ReactNode }) {
   // Load messages for the default locale (single locale setup)
 
   return (