✨ 피드 신고 UI

src/widgets/feed-kebab/model/index.ts

@@ -0,0 +1 @@
+export { useVisibilityKebabMenu } from './useVisibilityKebabMenu';

src/widgets/feed-kebab/model/useVisibilityKebabMenu.tsx

@@ -0,0 +1,11 @@
+import { useCallback, useState } from 'react';
+
+export const useVisibilityKebabMenu = () => {
+  const [isVisibilityKebabMenu, setIsVisibilityKebabMenu] = useState(false);
+
+  const toggleVisibility = useCallback(() => {
+    setIsVisibilityKebabMenu((prevVisibility) => !prevVisibility);
+  }, []);
+
+  return { isVisibilityKebabMenu, toggleVisibility };
+};

src/widgets/feed-kebab/ui/FeedKebabButton.tsx

@@ -1,9 +1,18 @@
 import { Icon } from '@/shared/ui';
 
+import { useVisibilityKebabMenu } from '../model';
+
+import { KebabMenu } from './KebabMenu';
+
 export const FeedKebabButton = () => {
+  const { isVisibilityKebabMenu, toggleVisibility } = useVisibilityKebabMenu();
+
   return (
-    <button className='icon kebab-icon-btn'>
-      <Icon name='kebab-menu' width='20' height='20' />
-    </button>
+    <>
+      <button className='icon kebab-icon-btn' onClick={toggleVisibility}>
+        <Icon name='kebab-menu' width='20' height='20' />
+      </button>
+      {isVisibilityKebabMenu && <KebabMenu />}
+    </>
   );
 };

src/widgets/feed-kebab/ui/KebabMenu.tsx

@@ -0,0 +1,3 @@
+export const KebabMenu = () => {
+  return <div>KebabMenu</div>;
+};