Toolbars: Add dynamicTitle option

[cocco3]

Issue: #17790

What I did

• Add a dynamicTitle option to display the title of the selected item in the Toolbar.
• This feature is opt in so it does not disrupt anyone's existing UI

How to test

1. Add dynamicTitle: true to any global type
2. Change the value in the toolbar
3. The Toolbar should display the title of the selected item

Example with a theme globalType

export const globalTypes = {
  theme: {
    name: 'Theme',
    description: 'Global theme for components',
    toolbar: {
      dynamicTitle: true,
      icon: 'circlehollow',
      title: 'Theme',
      items: [
        { value: 'light', icon: 'circlehollow', title: 'Light' },
        { value: 'dark', icon: 'circle', title: 'Dark' },
      ],
    },
  },
};

[nx-cloud]

☁️ Nx Cloud Report

CI is running/has finished running commands for commit b1e9448. As they complete they will appear below. Click to see the status, the terminal output, and the build insights.

📂 See all runs for this branch

---

✅ Successfully ran 1 target

• nx run-many --target=prepare --all --parallel=2 --max-parallel=15 -- --optimized

---

Sent with 💌 from NxCloud.

[cocco3]

Hello! This is my first contribution - if there is anything additional y'all need I'm happy to provide it!

[MichaelArestad]

Howdy @cocco3! This is great! Once the code is reviewed, I think this will be ready to merge.

[yannbf]

@cocco3 that's super awesome!! Thanks for this contribution.
We should add some documentation for that as well cc @jonniebigodes

[shilman]

Looking good 💯