fix(#121): 모바일 바텀시트 버그 수정

src/app/(store)/stores/register/_components/RegisterFunnel/_components/StoreInfoStep/StoreInfoStep.tsx

@@ -1,5 +1,5 @@
 import { overlay } from "overlay-kit";
-import { useEffect, useState } from "react";
+import { useEffect, useRef, useState } from "react";
 
 import { SearchStoreBottomSheet } from "@/app/(search)/_components/SearchStoreBottomSheet";
 import SearchIcon from "@/assets/search.svg";
@@ -27,6 +27,8 @@ export const StoreInfoStep = ({
   storeName,
   storeKakaoId,
 }: StoreInfoStepProps) => {
+  const inputRef = useRef<HTMLInputElement>(null);
+
   const [storeInfo, setStoreInfo] = useState<{
     storeName: string;
     storeKakaoId: string;
@@ -68,6 +70,8 @@ export const StoreInfoStep = ({
           readOnly
           placeholder='가게명을 입력해주세요'
           onClick={() => {
+            inputRef.current?.blur();
+
             overlay.open(({ isOpen, close }) => {
               return (
                 <SearchStoreBottomSheet

src/app/story/register/_components/StorySearchStore/StorySearchStore.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { useState } from "react";
+import { useRef, useState } from "react";
 import { useFormContext } from "react-hook-form";
 
 import { SearchStoreBottomSheet } from "@/app/(search)/_components/SearchStoreBottomSheet";
@@ -13,11 +13,13 @@ import * as styles from "./StorySearchStore.css";
 
 export const StorySearchStore = () => {
   const [isOpen, setIsOpen] = useState(false);
+  const inputRef = useRef<HTMLInputElement>(null);
   const { register, setValue, watch } = useFormContext<StoryRegisterFormData>();
 
   const selectedStoreValue = watch("storeName");
 
   const handleOpenClick = () => {
+    inputRef.current?.blur();
     setIsOpen(true);
   };