[docs][dialog] Add demo for custom focus management

[mnajdova]

Part of https://github.com/mui/base-ui/issues/3027.

Preview: https://deploy-preview-3139--base-ui.netlify.app/react/components/dialog#custom-focus-management

[pkg-pr-new[bot]]

vite-css-base-ui-example

pnpm add https://pkg.pr.new/mui/base-ui/@base-ui-components/react@3139

pnpm add https://pkg.pr.new/mui/base-ui/@base-ui-components/utils@3139

commit: 9b5ef25

[mui-bot]

Bundle size report

Bundle	Parsed size	Gzip size
@base-ui-components/react	0B(0.00%)	0B(0.00%)

Details of bundle changes

---

Check out the code infra dashboard for more information about this PR.

[netlify[bot]]

✅ Deploy Preview for base-ui ready!

Name	Link
🔨 Latest commit	9b5ef259de0b751e161fe830d252fd3d66b596cd
🔍 Latest deploy log	https://app.netlify.com/projects/base-ui/deploys/6926d737b574a30008b0c492
😎 Deploy Preview	https://deploy-preview-3139--base-ui.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[atomiks]

I think it'd be worth changing this to be a demo that configures both initialFocus and finalFocus; also Popover might be a good one to add this for as well

[mnajdova]

I think it'd be worth changing this to be a demo that configures both initialFocus and finalFocus; also Popover might be a good one to add this for as well

Good idea, added 👌

[atomiks]

This should be moved above the code block: