docs: Add note for updated terminology (#11802)

# Which Problems Are Solved

For existing customers it could be hard to understand the new aligned
terms we have defined, if they are already used to the "old term"

# How the Problems Are Solved

Adding notes at the top of docs pages to state clearliy new and old
terms.

apps/docs/components/terminology-update.tsx

@@ -0,0 +1,23 @@
+import { Callout } from 'fumadocs-ui/components/callout';
+
+interface TermNoteProps {
+    newTerm: string;
+    oldTerms: string[];
+}
+
+export function TerminologyUpdate({ newTerm, oldTerms }: TermNoteProps) {
+    // Formats the list: "A, B and C"
+    const formattedOldTerms = oldTerms.map((term, i) => (
+        <b key={term}>
+            {term}{i < oldTerms.length - 2 ? ', ' : i === oldTerms.length - 2 ? ' or ' : ''}
+        </b>
+    ));
+
+    return (
+        <Callout type="info">
+            <b>Terminology Update:</b> We have streamlined our naming conventions to improve clarity.
+            The term <b>{newTerm}</b> now replaces what was previously referred to as {formattedOldTerms}.
+            These terms all refer to the same underlying functionality.
+        </Callout>
+    );
+}