Implement useToast composable for OnyxToast

[BoppLi]

Depends on

• 1286

Why?

A composable to control toasts to appear, no matter where it needs to be created.

Design

• Figma

Acceptance criteria

• [ ] useToast connects to the OnxyToastBundle
• [ ] useToast can show different kinds of toasts (see implementation details)
• [ ] all parameters, except title, are optional when creating a toast
• [ ] uses provide-inject

Definition of Done

• [ ] example usage added to apps/alpha-test-app/src/views/HomeView.vue
• [ ] covered by component tests
• [ ] follow-up tickets were created if necessary
• [ ] updated version + documentation is deployed
• [ ] Storybook can show the feature (?)
• [ ] Storybook code snippet of new/changed examples are checked that they are generated correctly
• [ ] Set task to In Approval

Approval

• Storybook
• Deployed Docs
• [ ] approved by designer @jannick-ux
• [ ] approved by dev

Implementation Details

• usage examples for how the api looks:

  toast.show({ title: "Hello World", status: "warning", duration: 6000, onclick: () => {/* your callback */} });
  toast.success({ title: "Successfully saved data", icon: emojiHappy2 });
  toast.error({ title: "Something went wrong", description: "Please contact us.", closable: true });

Reference implementations

• https://vue-blueprint.schwarz/packages/vue-core.html#usetoast