feat(#2850): add temporary notification

[vanessatran-ddi]

No description provided.

[netlify]

✅ Deploy Preview for abgov-ui-component-docs ready!

Name	Link
🔨 Latest commit	d1f7bf6
🔍 Latest deploy log	https://app.netlify.com/projects/abgov-ui-component-docs/deploys/687ab97194c3f00008f4529f
😎 Deploy Preview	https://deploy-preview-396--abgov-ui-component-docs.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
Lighthouse	1 paths audited Performance: 0 Accessibility: 93 Best Practices: 100 SEO: 83 PWA: - View the detailed breakdown and full score reports

---

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

[vanessatran-ddi]

Hi @twjeffery I addressed the first round of feedbacks:

1. Fixed issue where setting duration to 0 didn't disable auto-dismiss: PR is on the ui-components fix(#2881): temporary notification set 0 to stop auto-dismiss ui-components#2882 (We can test it once we merge this PR to alpha)

2. remove animation direction from sandbox controls and remove the helper text "Controller position" from both vertical and
   horizontal position fields

3. Improved Action Button Behavior

• Enhanced the action button functionality to immediately dismiss the current notification
  when clicked
• Added logic to show "Action performed!" notification right after action click instead of
  waiting for timeout

4. Changed "New" badge type from "important" to "success" (green color) for Drawer and Temporary Notification "New"

5. Increased side menu width from 180px to 220px to prevent badge overlap with content. I also tested with polypane to make sure it works well

[vanessatran-ddi]

Hi @twjeffery and @chrisolsen I addressed all comments. Please let me know if there are anything else.

[vanessatran-ddi]

@twjeffery and @chrisolsen Hello I updated the docs site according to what we discuss. Let me know if there are anythings else. ☺️

[vanessatran-ddi]

I resolved conversations so it is clean and we can review again. cc @twjeffery and @chrisolsen