diff --git a/frontend/techpick/package.json b/frontend/techpick/package.json
index 8bbf250fd..051adc9d2 100644
--- a/frontend/techpick/package.json
+++ b/frontend/techpick/package.json
@@ -35,7 +35,6 @@
     "es-toolkit": "^1.26.1",
     "immer": "^10.1.1",
     "ky": "^1.7.2",
-    "lodash": "^4.17.21",
     "lucide-react": "^0.447.0",
     "next": "14.2.9",
     "randomcolor": "^0.6.2",
@@ -48,6 +47,7 @@
     "react-dom": "^18",
     "react-hot-toast": "^2.4.1",
     "react-spinners": "^0.14.1",
+    "react-textarea-autosize": "^8.5.5",
     "react-virtualized-auto-sizer": "^1.0.24",
     "react-window": "^1.8.10",
     "react-window-infinite-loader": "^1.0.9",
@@ -74,7 +74,6 @@
     "@testing-library/jest-dom": "^6.5.0",
     "@testing-library/react": "^16.0.1",
     "@types/dompurify": "^3",
-    "@types/lodash": "^4",
     "@types/node": "^22.5.4",
     "@types/randomcolor": "^0.5.9",
     "@types/react": "^18",
diff --git a/frontend/techpick/src/components/PickListViewer/PickDndListItem.tsx b/frontend/techpick/src/components/PickListViewer/PickDndListItem.tsx
index 63b796fa0..c5221cd60 100644
--- a/frontend/techpick/src/components/PickListViewer/PickDndListItem.tsx
+++ b/frontend/techpick/src/components/PickListViewer/PickDndListItem.tsx
@@ -22,7 +22,7 @@ export function PickDndListItem({ pickInfo }: PickViewDnDItemComponentProps) {
     setSelectedPickIdList,
     isDragging,
   } = usePickStore();
-  const { setCurrentPickIdToNull } = useUpdatePickStore();
+  const { setCurrentUpdateTitlePickIdToNull } = useUpdatePickStore();
   const { id: pickId, parentFolderId } = pickInfo;
   const isSelected = selectedPickIdList.includes(pickId);
   const {
@@ -75,7 +75,7 @@ export function PickDndListItem({ pickInfo }: PickViewDnDItemComponentProps) {
       return;
     }
 
-    setCurrentPickIdToNull();
+    setCurrentUpdateTitlePickIdToNull();
     selectSinglePick(pickId);
   };
 
diff --git a/frontend/techpick/src/components/PickListViewer/PickListItem.tsx b/frontend/techpick/src/components/PickListViewer/PickListItem.tsx
index e0715be9f..5bf487267 100644
--- a/frontend/techpick/src/components/PickListViewer/PickListItem.tsx
+++ b/frontend/techpick/src/components/PickListViewer/PickListItem.tsx
@@ -26,11 +26,11 @@ export function PickListItem({ pickInfo }: PickViewItemComponentProps) {
   const { updatePickInfo } = usePickStore();
   const { openUrlInNewTab } = useOpenUrlInNewTab(link.url);
   const {
-    currentUpdatePickId,
-    setCurrentPickIdToNull,
-    setCurrentUpdatePickId,
+    currentUpdateTitlePickId,
+    setCurrentUpdateTitlePickIdToNull,
+    setCurrentUpdateTitlePickId,
   } = useUpdatePickStore();
-  const isUpdateTitle = currentUpdatePickId === pickInfo.id;
+  const isUpdateTitle = currentUpdateTitlePickId === pickInfo.id;
 
   return (
     <div className={pickListItemLayoutStyle}>
@@ -50,17 +50,17 @@ export function PickListItem({ pickInfo }: PickViewItemComponentProps) {
                 ...pickInfo,
                 title: newTitle,
               });
-              setCurrentPickIdToNull();
+              setCurrentUpdateTitlePickIdToNull();
             }}
             onClickOutSide={() => {
-              setCurrentPickIdToNull();
+              setCurrentUpdateTitlePickIdToNull();
             }}
           />
         ) : (
           <div
             className={pickTitleSectionStyle}
             onClick={(event) => {
-              setCurrentUpdatePickId(pickInfo.id);
+              setCurrentUpdateTitlePickId(pickInfo.id);
               event.stopPropagation();
             }}
             role="button"
diff --git a/frontend/techpick/src/components/PickListViewer/PickTitleInput.tsx b/frontend/techpick/src/components/PickListViewer/PickTitleInput.tsx
index 381e0ac30..f586b2995 100644
--- a/frontend/techpick/src/components/PickListViewer/PickTitleInput.tsx
+++ b/frontend/techpick/src/components/PickListViewer/PickTitleInput.tsx
@@ -29,8 +29,6 @@ export function PickTitleInput({
   useEffect(
     function detectOutsideClick() {
       const handleClickOutside = (event: MouseEvent) => {
-        console.log('handleClickOutside work!');
-
         if (
           containerRef.current &&
           !containerRef.current.contains(event.target as Node)
diff --git a/frontend/techpick/src/components/PickRecord/PickDraggableRecord.tsx b/frontend/techpick/src/components/PickRecord/PickDraggableRecord.tsx
index 06d29b939..4b0113fc6 100644
--- a/frontend/techpick/src/components/PickRecord/PickDraggableRecord.tsx
+++ b/frontend/techpick/src/components/PickRecord/PickDraggableRecord.tsx
@@ -21,7 +21,11 @@ export function PickDraggableRecord({
     setSelectedPickIdList,
     isDragging,
   } = usePickStore();
-  const { setCurrentPickIdToNull } = useUpdatePickStore();
+  const {
+    setCurrentUpdateTitlePickIdToNull,
+    currentUpdateTitlePickId,
+    currentUpdateTagPickId,
+  } = useUpdatePickStore();
   const { id: pickId, parentFolderId } = pickInfo;
   const isSelected = selectedPickIdList.includes(pickId);
   const {
@@ -38,6 +42,9 @@ export function PickDraggableRecord({
       type: 'pick',
       parentFolderId: parentFolderId,
     },
+    disabled:
+      currentUpdateTitlePickId === pickInfo.id ||
+      currentUpdateTagPickId === pickInfo.id,
   });
   const pickElementId = `pickId-${pickId}`;
 
@@ -74,7 +81,7 @@ export function PickDraggableRecord({
       return;
     }
 
-    setCurrentPickIdToNull();
+    setCurrentUpdateTitlePickIdToNull();
     selectSinglePick(pickId);
   };
 
diff --git a/frontend/techpick/src/components/PickRecord/PickRecord.tsx b/frontend/techpick/src/components/PickRecord/PickRecord.tsx
index 5e3bf8d24..5b06a760f 100644
--- a/frontend/techpick/src/components/PickRecord/PickRecord.tsx
+++ b/frontend/techpick/src/components/PickRecord/PickRecord.tsx
@@ -31,12 +31,12 @@ export function PickRecord({ pickInfo }: PickViewItemComponentProps) {
   const { updatePickInfo } = usePickStore();
   const { openUrlInNewTab } = useOpenUrlInNewTab(link.url);
   const {
-    currentUpdatePickId,
-    setCurrentPickIdToNull,
-    setCurrentUpdatePickId,
+    currentUpdateTitlePickId,
+    setCurrentUpdateTitlePickId,
+    setCurrentUpdateTitlePickIdToNull,
   } = useUpdatePickStore();
   const [isHovered, setIsHovered] = useState(false);
-  const isUpdateTitle = currentUpdatePickId === pickInfo.id;
+  const isUpdateTitle = currentUpdateTitlePickId === pickInfo.id;
   const { isDragging } = usePickStore();
 
   const filteredSelectedTagList: TagType[] = [];
@@ -57,7 +57,7 @@ export function PickRecord({ pickInfo }: PickViewItemComponentProps) {
       <PickImageColumnLayout>
         <div className={pickImageStyle}>
           {link.imageUrl ? (
-            <Image src={link.imageUrl} alt="" fill />
+            <Image src={link.imageUrl} alt="" fill sizes="96px" />
           ) : (
             <div className={pickEmptyImageStyle} />
           )}
@@ -72,7 +72,17 @@ export function PickRecord({ pickInfo }: PickViewItemComponentProps) {
       <Separator />
 
       <PickTitleColumnLayout>
-        {isUpdateTitle ? (
+        <div
+          className={pickTitleSectionStyle}
+          onDoubleClick={(event) => {
+            setCurrentUpdateTitlePickId(pickInfo.id);
+            event.stopPropagation();
+          }}
+          role="button"
+        >
+          {pick.title}
+        </div>
+        {isUpdateTitle && (
           <PickRecordTitleInput
             initialValue={pick.title}
             onSubmit={(newTitle) => {
@@ -80,23 +90,12 @@ export function PickRecord({ pickInfo }: PickViewItemComponentProps) {
                 ...pickInfo,
                 title: newTitle,
               });
-              setCurrentPickIdToNull();
+              setCurrentUpdateTitlePickIdToNull();
             }}
             onClickOutSide={() => {
-              setCurrentPickIdToNull();
+              setCurrentUpdateTitlePickIdToNull();
             }}
           />
-        ) : (
-          <div
-            className={pickTitleSectionStyle}
-            onDoubleClick={(event) => {
-              setCurrentUpdatePickId(pickInfo.id);
-              event.stopPropagation();
-            }}
-            role="button"
-          >
-            {pick.title}
-          </div>
         )}
       </PickTitleColumnLayout>
 
diff --git a/frontend/techpick/src/components/PickRecord/PickRecordOverlay.tsx b/frontend/techpick/src/components/PickRecord/PickRecordOverlay.tsx
index 6445403a8..b90cb1971 100644
--- a/frontend/techpick/src/components/PickRecord/PickRecordOverlay.tsx
+++ b/frontend/techpick/src/components/PickRecord/PickRecordOverlay.tsx
@@ -30,12 +30,12 @@ export function PickRecordOverlay({ pickInfo }: PickViewItemComponentProps) {
   const { updatePickInfo } = usePickStore();
   const { openUrlInNewTab } = useOpenUrlInNewTab(link.url);
   const {
-    currentUpdatePickId,
-    setCurrentPickIdToNull,
-    setCurrentUpdatePickId,
+    currentUpdateTitlePickId,
+    setCurrentUpdateTitlePickId,
+    setCurrentUpdateTitlePickIdToNull,
   } = useUpdatePickStore();
 
-  const isUpdateTitle = currentUpdatePickId === pickInfo.id;
+  const isUpdateTitle = currentUpdateTitlePickId === pickInfo.id;
 
   const filteredSelectedTagList: TagType[] = [];
 
@@ -72,17 +72,17 @@ export function PickRecordOverlay({ pickInfo }: PickViewItemComponentProps) {
                 ...pickInfo,
                 title: newTitle,
               });
-              setCurrentPickIdToNull();
+              setCurrentUpdateTitlePickIdToNull();
             }}
             onClickOutSide={() => {
-              setCurrentPickIdToNull();
+              setCurrentUpdateTitlePickIdToNull();
             }}
           />
         ) : (
           <div
             className={pickTitleSectionStyle}
             onClick={(event) => {
-              setCurrentUpdatePickId(pickInfo.id);
+              setCurrentUpdateTitlePickId(pickInfo.id);
               event.stopPropagation();
             }}
             role="button"
diff --git a/frontend/techpick/src/components/PickRecord/PickRecordTitleInput.tsx b/frontend/techpick/src/components/PickRecord/PickRecordTitleInput.tsx
index da0aa6d23..6ac968997 100644
--- a/frontend/techpick/src/components/PickRecord/PickRecordTitleInput.tsx
+++ b/frontend/techpick/src/components/PickRecord/PickRecordTitleInput.tsx
@@ -1,9 +1,11 @@
-'use client';
-
 import { useCallback, useEffect, useRef } from 'react';
 import type { KeyboardEvent } from 'react';
+import TextareaAutosize from 'react-textarea-autosize';
 import { isEmptyString } from '@/utils';
-import { pickTitleInputStyle } from './pickRecordTitleInput.css';
+import {
+  pickTitleInputStyle,
+  pickRecordTitleInputLayoutStyle,
+} from './pickRecordTitleInput.css';
 
 export function PickRecordTitleInput({
   onSubmit,
@@ -54,21 +56,30 @@ export function PickRecordTitleInput({
   );
 
   useEffect(
-    function initializeFolderInput() {
+    function initializePickRecordTitleInput() {
       if (textAreaRef.current) {
         textAreaRef.current.value = initialValue;
 
-        // 타이밍 이슈 탓으로 인해 setTimeout 사용
-        setTimeout(() => textAreaRef.current?.focus(), 0);
+        textAreaRef.current?.focus();
+        // 커서를 텍스트의 끝으로 이동
+        textAreaRef.current?.setSelectionRange(
+          initialValue.length,
+          initialValue.length
+        );
       }
     },
     [initialValue]
   );
 
   return (
-    <div ref={containerRef} onClick={(e) => e.stopPropagation()}>
-      <textarea
+    <div
+      ref={containerRef}
+      onClick={(e) => e.stopPropagation()}
+      className={pickRecordTitleInputLayoutStyle}
+    >
+      <TextareaAutosize
         ref={textAreaRef}
+        defaultValue={initialValue}
         onKeyDown={onKeyDown}
         className={pickTitleInputStyle}
       />
diff --git a/frontend/techpick/src/components/PickRecord/pickRecordTitleInput.css.ts b/frontend/techpick/src/components/PickRecord/pickRecordTitleInput.css.ts
index 2c7fe4626..8e8ab5529 100644
--- a/frontend/techpick/src/components/PickRecord/pickRecordTitleInput.css.ts
+++ b/frontend/techpick/src/components/PickRecord/pickRecordTitleInput.css.ts
@@ -1,5 +1,16 @@
 import { style } from '@vanilla-extract/css';
-import { typography } from 'techpick-shared';
+import { typography, colorVars, zIndex } from 'techpick-shared';
+
+export const pickRecordTitleInputLayoutStyle = style({
+  position: 'absolute',
+  top: '0',
+  left: '0',
+  zIndex: zIndex.level2,
+  boxShadow: '4px 4px 0px 0px rgba(0, 0, 0, 0.2)',
+  backgroundColor: colorVars.background,
+  width: '528px',
+  minHeight: '40px',
+});
 
 export const pickTitleInputStyle = style({
   margin: 0,
@@ -10,5 +21,4 @@ export const pickTitleInputStyle = style({
   fontSize: typography.fontSize['md'],
   fontWeight: typography.fontWeights['light'],
   fontFamily: 'inherit',
-  boxShadow: '4px 4px 0px 0px rgba(0, 0, 0, 0.2)',
 });
diff --git a/frontend/techpick/src/components/PickRecord/pickTitleColumnLayout.css.ts b/frontend/techpick/src/components/PickRecord/pickTitleColumnLayout.css.ts
index ad1d285df..3b4056abf 100644
--- a/frontend/techpick/src/components/PickRecord/pickTitleColumnLayout.css.ts
+++ b/frontend/techpick/src/components/PickRecord/pickTitleColumnLayout.css.ts
@@ -1,6 +1,7 @@
 import { style } from '@vanilla-extract/css';
 
 export const pickTitleColumnLayoutStyle = style({
+  position: 'relative',
   width: '528px',
   flexShrink: 0,
 });
diff --git a/frontend/techpick/src/components/PickTagPicker/PickTagAutocompleteDialog.tsx b/frontend/techpick/src/components/PickTagPicker/PickTagAutocompleteDialog.tsx
index bff13b340..bd2ac8cee 100644
--- a/frontend/techpick/src/components/PickTagPicker/PickTagAutocompleteDialog.tsx
+++ b/frontend/techpick/src/components/PickTagPicker/PickTagAutocompleteDialog.tsx
@@ -2,10 +2,17 @@
 
 import { useEffect, useRef, useState } from 'react';
 import { flip, useFloating } from '@floating-ui/react';
+import { DialogTitle, Description } from '@radix-ui/react-dialog';
+import * as VisuallyHidden from '@radix-ui/react-visually-hidden';
 import { Command } from 'cmdk';
 import { BarLoader } from 'react-spinners';
 import { colorVars } from 'techpick-shared';
-import { useThemeStore, useTagStore, usePickStore } from '@/stores';
+import {
+  useThemeStore,
+  useTagStore,
+  usePickStore,
+  useUpdatePickStore,
+} from '@/stores';
 import { notifyError, numberToRandomColor } from '@/utils';
 import { DeleteTagDialog } from './DeleteTagDialog';
 import { DeselectTagButton } from './DeselectTagButton';
@@ -55,6 +62,7 @@ export function PickTagAutocompleteDialog({
   const { tagList, fetchingTagState, createTag } = useTagStore();
   const { updatePickInfo } = usePickStore();
   const { isDarkMode } = useThemeStore();
+  const { setCurrentUpdateTagPickIdToNull } = useUpdatePickStore();
 
   const focusTagInput = () => {
     tagInputRef.current?.focus();
@@ -117,12 +125,23 @@ export function PickTagAutocompleteDialog({
   return (
     <Command.Dialog
       open={open}
-      onOpenChange={onOpenChange}
+      onOpenChange={(open) => {
+        if (!open) {
+          setCurrentUpdateTagPickIdToNull();
+        }
+
+        onOpenChange(open);
+      }}
       container={container?.current ?? undefined}
       className={tagDialogPortalLayout}
       filter={filterCommandItems}
       ref={tagAutocompleteDialogRef}
     >
+      <VisuallyHidden.Root>
+        <DialogTitle>tag autocomplete</DialogTitle>
+        <Description>select tag</Description>
+      </VisuallyHidden.Root>
+
       {/**선택한 태그 리스트 */}
       <div ref={refs.setReference}>
         <SelectedTagListLayout ref={selectedTagListRef} focusStyle="focus">
diff --git a/frontend/techpick/src/components/PickTagPicker/PickTagPicker.tsx b/frontend/techpick/src/components/PickTagPicker/PickTagPicker.tsx
index 00818c79c..f19c0e9e4 100644
--- a/frontend/techpick/src/components/PickTagPicker/PickTagPicker.tsx
+++ b/frontend/techpick/src/components/PickTagPicker/PickTagPicker.tsx
@@ -1,6 +1,7 @@
 'use client';
 
 import { forwardRef, useRef, useState } from 'react';
+import { useUpdatePickStore } from '@/stores';
 import { SelectedTagItem } from '../SelectedTagItem';
 import { PickTagAutocompleteDialog } from './PickTagAutocompleteDialog';
 import {
@@ -15,9 +16,11 @@ export const PickTagPicker = forwardRef<HTMLDivElement, PickTagPickerProps>(
   function PickTagPickerWithRef({ pickInfo, selectedTagList }, tabFocusRef) {
     const [open, setOpen] = useState(false);
     const tagInputContainerRef = useRef<HTMLDivElement>(null);
+    const { setCurrentUpdateTagPickId } = useUpdatePickStore();
 
     const openDialog = () => {
       setOpen(true);
+      setCurrentUpdateTagPickId(pickInfo.id);
     };
 
     const onEnterKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {
diff --git a/frontend/techpick/src/components/PickTagPicker/pickTagPicker.css.ts b/frontend/techpick/src/components/PickTagPicker/pickTagPicker.css.ts
index 1d7a3b910..4316e3279 100644
--- a/frontend/techpick/src/components/PickTagPicker/pickTagPicker.css.ts
+++ b/frontend/techpick/src/components/PickTagPicker/pickTagPicker.css.ts
@@ -1,8 +1,6 @@
 import { style } from '@vanilla-extract/css';
 import { colorVars } from 'techpick-shared';
 
-const { color } = colorVars;
-
 export const tagPickerLayout = style({
   position: 'relative',
 });
@@ -26,11 +24,4 @@ export const tagDialogTriggerLayout = style({
   width: '288px',
   border: '1px solid transparent',
   transition: 'border 0.3s ease',
-
-  ':focus': {
-    border: `1px solid ${color.inputBorderFocus}`,
-    outline: 'none',
-    backgroundColor: colorVars.lightGray,
-    boxShadow: '4px 4px 0px 0px rgba(0, 0, 0, 0.2)',
-  },
 });
diff --git a/frontend/techpick/src/stores/updatePickStore.ts b/frontend/techpick/src/stores/updatePickStore.ts
index 0d9116b61..6b6a2976a 100644
--- a/frontend/techpick/src/stores/updatePickStore.ts
+++ b/frontend/techpick/src/stores/updatePickStore.ts
@@ -2,29 +2,43 @@ import { create } from 'zustand';
 import { immer } from 'zustand/middleware/immer';
 
 type UpdatePickState = {
-  currentUpdatePickId: number | null;
+  currentUpdateTitlePickId: number | null;
+  currentUpdateTagPickId: number | null;
 };
 
 type UpdatePickAction = {
-  setCurrentUpdatePickId: (nextUpdatePickId: number | null) => void;
-  setCurrentPickIdToNull: () => void;
+  setCurrentUpdateTitlePickId: (nextUpdateTitlePickId: number | null) => void;
+  setCurrentUpdateTitlePickIdToNull: () => void;
+  setCurrentUpdateTagPickId: (nextUpdateTagPickId: number | null) => void;
+  setCurrentUpdateTagPickIdToNull: () => void;
 };
 
 const initialState: UpdatePickState = {
-  currentUpdatePickId: null,
+  currentUpdateTitlePickId: null,
+  currentUpdateTagPickId: null,
 };
 
 export const useUpdatePickStore = create<UpdatePickState & UpdatePickAction>()(
   immer((set) => ({
     ...initialState,
-    setCurrentUpdatePickId: (nextUpdatePickId) => {
+    setCurrentUpdateTitlePickId: (nextUpdateTitlePickId) => {
       set((state) => {
-        state.currentUpdatePickId = nextUpdatePickId;
+        state.currentUpdateTitlePickId = nextUpdateTitlePickId;
       });
     },
-    setCurrentPickIdToNull: () => {
+    setCurrentUpdateTitlePickIdToNull: () => {
       set((state) => {
-        state.currentUpdatePickId = null;
+        state.currentUpdateTitlePickId = null;
+      });
+    },
+    setCurrentUpdateTagPickId: (nextUpdateTagPickId) => {
+      set((state) => {
+        state.currentUpdateTagPickId = nextUpdateTagPickId;
+      });
+    },
+    setCurrentUpdateTagPickIdToNull: () => {
+      set((state) => {
+        state.currentUpdateTagPickId = null;
       });
     },
   }))
diff --git a/frontend/yarn.lock b/frontend/yarn.lock
index 87cf9486e..420ebbe42 100644
--- a/frontend/yarn.lock
+++ b/frontend/yarn.lock
@@ -1404,7 +1404,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/runtime@npm:^7.0.0, @babel/runtime@npm:^7.12.5, @babel/runtime@npm:^7.17.8, @babel/runtime@npm:^7.24.4, @babel/runtime@npm:^7.8.4, @babel/runtime@npm:^7.9.2":
+"@babel/runtime@npm:^7.0.0, @babel/runtime@npm:^7.12.5, @babel/runtime@npm:^7.17.8, @babel/runtime@npm:^7.20.13, @babel/runtime@npm:^7.24.4, @babel/runtime@npm:^7.8.4, @babel/runtime@npm:^7.9.2":
   version: 7.26.0
   resolution: "@babel/runtime@npm:7.26.0"
   dependencies:
@@ -4742,13 +4742,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/lodash@npm:^4":
-  version: 4.17.13
-  resolution: "@types/lodash@npm:4.17.13"
-  checksum: 10c0/c3d0b7efe7933ac0369b99f2f7bff9240d960680fdb74b41ed4bd1b3ca60cca1e31fe4046d9abbde778f941a41bc2a75eb629abf8659fa6c27b66efbbb0802a9
-  languageName: node
-  linkType: hard
-
 "@types/mdx@npm:^2.0.0":
   version: 2.0.13
   resolution: "@types/mdx@npm:2.0.13"
@@ -12763,6 +12756,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"react-textarea-autosize@npm:^8.5.5":
+  version: 8.5.5
+  resolution: "react-textarea-autosize@npm:8.5.5"
+  dependencies:
+    "@babel/runtime": "npm:^7.20.13"
+    use-composed-ref: "npm:^1.3.0"
+    use-latest: "npm:^1.2.1"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0
+  checksum: 10c0/d708a31b39a409d0246cd8afbd956ce51db58ce0b6411b9d4e1dc876ce93c329d20875933ce5d337662fdcd3699596966dc630149236fee2835d74e302404c98
+  languageName: node
+  linkType: hard
+
 "react-virtualized-auto-sizer@npm:^1.0.24":
   version: 1.0.24
   resolution: "react-virtualized-auto-sizer@npm:1.0.24"
@@ -14079,7 +14085,6 @@ __metadata:
     "@testing-library/jest-dom": "npm:^6.5.0"
     "@testing-library/react": "npm:^16.0.1"
     "@types/dompurify": "npm:^3"
-    "@types/lodash": "npm:^4"
     "@types/node": "npm:^22.5.4"
     "@types/randomcolor": "npm:^0.5.9"
     "@types/react": "npm:^18"
@@ -14106,7 +14111,6 @@ __metadata:
     jest: "npm:^29.7.0"
     jest-environment-jsdom: "npm:^29.7.0"
     ky: "npm:^1.7.2"
-    lodash: "npm:^4.17.21"
     lucide-react: "npm:^0.447.0"
     mini-css-extract-plugin: "npm:^2.9.1"
     next: "npm:14.2.9"
@@ -14122,6 +14126,7 @@ __metadata:
     react-dom: "npm:^18"
     react-hot-toast: "npm:^2.4.1"
     react-spinners: "npm:^0.14.1"
+    react-textarea-autosize: "npm:^8.5.5"
     react-virtualized-auto-sizer: "npm:^1.0.24"
     react-window: "npm:^1.8.10"
     react-window-infinite-loader: "npm:^1.0.9"
@@ -14807,6 +14812,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"use-composed-ref@npm:^1.3.0":
+  version: 1.3.0
+  resolution: "use-composed-ref@npm:1.3.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0
+  checksum: 10c0/e64ce52f4b18c020407636784192726807404a2552609acf7497b66a2b7070674fb5d2b950d426c4aa85f353e2bbecb02ebf9c5b865cd06797938c70bcbf5d26
+  languageName: node
+  linkType: hard
+
 "use-immer@npm:^0.10.0":
   version: 0.10.0
   resolution: "use-immer@npm:0.10.0"
@@ -14817,6 +14831,32 @@ __metadata:
   languageName: node
   linkType: hard
 
+"use-isomorphic-layout-effect@npm:^1.1.1":
+  version: 1.1.2
+  resolution: "use-isomorphic-layout-effect@npm:1.1.2"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+  checksum: 10c0/d8deea8b85e55ac6daba237a889630bfdbf0ebf60e9e22b6a78a78c26fabe6025e04ada7abef1e444e6786227d921e648b2707db8b3564daf757264a148a6e23
+  languageName: node
+  linkType: hard
+
+"use-latest@npm:^1.2.1":
+  version: 1.2.1
+  resolution: "use-latest@npm:1.2.1"
+  dependencies:
+    use-isomorphic-layout-effect: "npm:^1.1.1"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+  checksum: 10c0/1958886fc35262d973f5cd4ce16acd6ce3a66707a72761c93abd1b5ae64e1a11efa83f68e6c8c9bf1647628037980ce59df64cba50adb36bd4071851e70527d2
+  languageName: node
+  linkType: hard
+
 "use-resize-observer@npm:^9.1.0":
   version: 9.1.0
   resolution: "use-resize-observer@npm:9.1.0"