emaui/user-management-config/main.tsx

import { StrictMode } from "react";
import { createRoot } from "react-dom/client";
// Consume the reusable module via its public barrel (@/ → ../user-management/src).
import i18n from "@/i18n";
import { UserManagementApp } from "@/index";
// Your project's config lives HERE in the host folder (resolved via @app-config).
// The module never imports it; the host passes it in.
import { projectTheme } from "@app-config/project.theme";

// Override submodule translation texts for EMA branding
// (the submodule is a readonly git submodule, so we patch i18n at runtime here)
i18n.addResourceBundle("en", "translation", {
  auth: {
    welcomeHeadline: "Welcome to EMA Portal",
    paperlessOffice: "Ethiopian Maritime Authority",
    welcomeSubtext: "Sign in to access your maritime services efficiently.",
  },
  organization: {
    "Back to EMA": "Back to EMA",
  },
}, true, true);

createRoot(document.getElementById("root")!).render(
  <StrictMode>
    <UserManagementApp config={projectTheme} />
  </StrictMode>
);