chore: add reaction buttons

frontend-new/src/feedback/reaction/components/ReactionButtons/ReactionButtons.stories.tsx

@@ -0,0 +1,59 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { ReactionType } from "src/feedback/reaction/reaction.types";
+import ReactionButtons from "src/feedback/reaction//components/reactionButtons/ReactionButtons";
+
+const meta: Meta<typeof ReactionButtons> = {
+  title: "feedback/Reaction/ReactionButtons",
+  component: ReactionButtons,
+  tags: ["autodocs"],
+  args: {
+    sessionId: "1234",
+    messageId: "001",
+  },
+};
+
+export default meta;
+
+type Story = StoryObj<typeof ReactionButtons>;
+
+const mockData = (status: number, delay: number = 0) => [
+  {
+    url: "/conversation/1234/messages/001/reaction",
+    method: "PUT",
+    status: status,
+    response: {},
+    delay: delay,
+  },
+];
+
+export const Shown: Story = {
+  args: {},
+  parameters: {
+    mockData: mockData(200),
+  },
+};
+
+export const ShownWithLikeReaction: Story = {
+  args: {
+    currentReaction: ReactionType.LIKE,
+  },
+  parameters: {
+    mockData: mockData(200),
+  },
+};
+
+export const ShownWithDislikeReaction: Story = {
+  args: {
+    currentReaction: ReactionType.DISLIKE,
+  },
+  parameters: {
+    mockData: mockData(200),
+  },
+};
+
+export const FailingReactionSubmission: Story = {
+  args: {},
+  parameters: {
+    mockData: mockData(500, 1000),
+  },
+};