feat: 공통 컴포넌트 추가 생성

web-app/app/shared/components/textarea/TextArea.tsx

@@ -0,0 +1,21 @@
+import { TextArea as AriaTextArea, TextAreaProps as AriaTextAreaProps } from 'react-aria-components';
+
+import { twMerge } from 'tailwind-merge';
+
+interface TextAreaProps extends Omit<AriaTextAreaProps, 'className'> {
+  className?: string;
+}
+
+export const TextArea = (props: TextAreaProps) => {
+  const { className, ...restProps } = props;
+  return (
+    <AriaTextArea
+      {...restProps}
+      className={twMerge(
+        'block px-3 py-2.5 text-sm text-dabeeo-black-34 border border-dabeeo-gray-be data-[hovered=true]:border-dabeeo-black-34 data-[focused=true]:text-dabeeo-black-34 data-focused:border-dabeeo-black-34 outline-0 resize-none',
+        'read-only:bg-dabeeo-yellow-secondary read-only:data-[hovered=true]:border-dabeeo-gray-be read-only:data-[focused=true]:border-dabeeo-gray-be',
+        className
+      )}
+    />
+  );
+};

web-app/app/shared/components/textarea/index.ts

@@ -0,0 +1 @@
+export * from './TextArea';