Add custom ui snippets for next integration docs with app directory

[nkshah2]

Summary of change

(A few sentences about this PR)

Related issues

• Link to issue1 here
• Link to issue1 here

Checklist

• [ ] Algolia search needs to be updated? (If there is a new sub docs project, then yes)
• [ ] Sitemap needs to be updated? (If there is a new sub docs project, then yes)
• [ ] Checked for broken links? (Run cd v2 && MODE=production npx docusaurus build)
• [ ] Changes required to the demo apps corresponding to the docs?

Remaining TODOs for this PR

• [ ] Item1
• [ ] Item2

[netlify[bot]]

✅ Deploy Preview for admiring-bhabha-7b1be9 ready!

Name	Link
🔨 Latest commit	5e82689439b0b8abe8cbb3160bb226a726011c1c
🔍 Latest deploy log	https://app.netlify.com/sites/admiring-bhabha-7b1be9/deploys/65363c900e7d3600071b9b6b
😎 Deploy Preview	https://deploy-preview-733--admiring-bhabha-7b1be9.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 site configuration.