feat(component): add storybook (#5079)

packages/frontend/component/src/ui/lottie/collections-icon.stories.tsx

@@ -0,0 +1,18 @@
+import type { Meta, StoryFn } from '@storybook/react';
+
+import {
+  AnimatedCollectionsIcon,
+  type CollectionsIconProps,
+} from './collections-icon';
+
+export default {
+  title: 'UI/Lottie/Collection Icons',
+  component: AnimatedCollectionsIcon,
+} satisfies Meta<typeof AnimatedCollectionsIcon>;
+
+const Template: StoryFn<CollectionsIconProps> = args => (
+  <AnimatedCollectionsIcon {...args} />
+);
+
+export const Default: StoryFn<CollectionsIconProps> = Template.bind(undefined);
+Default.args = {};

packages/frontend/component/src/ui/lottie/delete-icon.stories.tsx

@@ -0,0 +1,15 @@
+import type { Meta, StoryFn } from '@storybook/react';
+
+import { AnimatedDeleteIcon, type DeleteIconProps } from './delete-icon';
+
+export default {
+  title: 'UI/Lottie/Delete Icon',
+  component: AnimatedDeleteIcon,
+} satisfies Meta<typeof AnimatedDeleteIcon>;
+
+const Template: StoryFn<DeleteIconProps> = args => (
+  <AnimatedDeleteIcon {...args} />
+);
+
+export const Default: StoryFn<DeleteIconProps> = Template.bind(undefined);
+Default.args = {};