feat: add the company profile support to the ui

apps/edr-freight-web/portal/src/components/AppLayout.tsx

@@ -47,9 +47,19 @@ export interface AppLayoutProps {
   enableThemeToggle?: boolean;
   userName?: string;
   userEmail?: string;
+  /** Operational profiles for the company — surfaced as reference chips in the account menu. */
+  companyProfiles?: { type: string; reference: string; status?: string }[];
   children: ReactNode;
 }
 
+const PROFILE_TYPE_LABELS: Record<string, string> = {
+  importer: "Importer",
+  exporter: "Exporter",
+  freight_forwarder: "Freight Forwarder",
+  dj_freight_forwarder: "DJ Freight Forwarder",
+  transporter: "Transporter",
+};
+
 function getInitials(name: string): string {
   return name
     .split(" ")
@@ -106,6 +116,7 @@ export function AppLayout({
   enableThemeToggle = false,
   userName = "User",
   userEmail,
+  companyProfiles = [],
   children,
 }: AppLayoutProps) {
   const [mobileOpen, { toggle: toggleMobile }] = useDisclosure();
@@ -306,6 +317,34 @@ export function AppLayout({
                     </Text>
                   )}
                 </Box>
+                {companyProfiles.length > 0 && (
+                  <>
+                    <Divider />
+                    <Box px="sm" py="xs">
+                      <Stack gap={6}>
+                        {companyProfiles.map((p) => (
+                          <Group
+                            key={p.reference}
+                            justify="space-between"
+                            gap="sm"
+                            wrap="nowrap"
+                          >
+                            <Text
+                              size="xs"
+                              fw={600}
+                              style={{ color: textColor }}
+                            >
+                              {PROFILE_TYPE_LABELS[p.type] ?? p.type}
+                            </Text>
+                            <Text size="xs" ff="monospace" c="dimmed">
+                              {p.reference}
+                            </Text>
+                          </Group>
+                        ))}
+                      </Stack>
+                    </Box>
+                  </>
+                )}
                 <Divider />
                 <Menu.Item
                   leftSection={<User size={15} />}