[WEB-4879] refactor: organize stories and remove logs #7765

packages/propel/src/animated-counter/animated-counter.stories.tsx

@@ -3,7 +3,7 @@ import type { Meta, StoryObj } from "@storybook/react-vite";
 import { AnimatedCounter } from "./animated-counter";
 
 const meta: Meta<typeof AnimatedCounter> = {
-  title: "AnimatedCounter",
+  title: "Components/AnimatedCounter",
   component: AnimatedCounter,
   parameters: {
     layout: "centered",

packages/propel/src/emoji-icon-picker/emoji-picker.stories.tsx

@@ -1,10 +1,10 @@
 import { useState } from "react";
 import type { Meta, StoryObj } from "@storybook/react-vite";
 import { EmojiPicker } from "./emoji-picker";
-import { EmojiIconPickerTypes } from "./helper";
+import { EmojiIconPickerTypes, TChangeHandlerProps } from "./helper";
 
 const meta: Meta<typeof EmojiPicker> = {
-  title: "EmojiPicker",
+  title: "Components/Emoji/EmojiPicker",
   component: EmojiPicker,
   parameters: {
     layout: "centered",
@@ -17,7 +17,7 @@ type Story = StoryObj<typeof EmojiPicker>;
 
 const EmojiPickerWithState = (args: React.ComponentProps<typeof EmojiPicker>) => {
   const [isOpen, setIsOpen] = useState(false);
-  const [selectedValue, setSelectedValue] = useState<any>(null);
+  const [selectedValue, setSelectedValue] = useState<TChangeHandlerProps | null>(null);
 
   return (
     <div className="space-y-4">
@@ -27,7 +27,6 @@ const EmojiPickerWithState = (args: React.ComponentProps<typeof EmojiPicker>) =>
         handleToggle={setIsOpen}
         onChange={(value) => {
           setSelectedValue(value);
-          console.log("Selected:", value);
         }}
       />
       {selectedValue && <div className="text-sm text-gray-600">Selected: {JSON.stringify(selectedValue, null, 2)}</div>}

packages/propel/src/emoji-reaction/emoji-reaction-picker.stories.tsx

@@ -5,7 +5,7 @@ import { stringToEmoji } from "../emoji-icon-picker";
 import { EmojiReactionPicker } from "./emoji-reaction-picker";
 
 const meta: Meta<typeof EmojiReactionPicker> = {
-  title: "EmojiReactionPicker",
+  title: "Components/Emoji/EmojiReactionPicker",
   component: EmojiReactionPicker,
   parameters: {
     layout: "centered",

packages/propel/src/emoji-reaction/emoji-reaction.stories.tsx

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from "@storybook/react-vite";
 import { EmojiReaction } from "./emoji-reaction";
 
 const meta: Meta<typeof EmojiReaction> = {
-  title: "EmojiReaction",
+  title: "Components/Emoji/EmojiReaction",
   component: EmojiReaction,
   parameters: {
     layout: "centered",