feat: add Music Stack Interaction widget

[mohitahlawat2001]

#273

Screen.Recording.2024-10-04.224124.mp4

[hari]

@mohitahlawat2001 Instead of fixing on animata/widget/music-stack-interaction.tsx you modified the animata/widget/music-stack-interaction.stories.tsx. Please move the logic to music-stack-interaction.tsx and update the story.

[mohitahlawat2001]

doing in 10 minutes

[mohitahlawat2001]

Screen.Recording.2024-10-05.212123.mp4

[hari]

@mohitahlawat2001 The animation is glitchy, use can fix this by changing the style values instead of using the layout animation.

[mohitahlawat2001]

i make some change and make animation smooth ,

[github-actions]

🚀 Preview deployed to: https://fdc3e761.animata.pages.dev

[hari]

Please fix the build issue @mohitahlawat2001

./animata/widget/music-stack-interaction.stories.tsx:18:3
Type error: Type '{ albums: { id: number; title: string; artist: string; cover: string; }[]; }' is not assignable to type 'Partial<{ albums: { id: number; title: string; artist: string; cover: string; }[]; albumCover: string; }> & { albums: { id: number; title: string; artist: string; cover: string; }[]; albumCover: string; }'.
  Property 'albumCover' is missing in type '{ albums: { id: number; title: string; artist: string; cover: string; }[]; }' but required in type '{ albums: { id: number; title: string; artist: string; cover: string; }[]; albumCover: string; }'.

  16 |
  17 | export const Primary: Story = {
> 18 |   args: {
     |   ^
  19 |     albums: [
  20 |       {
  21 |         id: 1,

[mohitahlawat2001]

i made change for solving error

[github-actions]

🚀 Preview deployed to: https://4142c50d.animata.pages.dev