payment 이하 구조 변경

src/entities/merchant/ui/info-wrap.tsx

@@ -13,6 +13,7 @@ import { useStore } from '@/shared/model/store';
 export const InfoWrap = () => {
   const userMids = useStore.getState().UserStore.userMids;
   const midOptions = useStore.getState().UserStore.selectOptionsMids;
+  const mid = useStore.getState().UserStore.mid;
 
   const [data, setData] = useState<MerchantMidResponse>();
 
@@ -34,8 +35,8 @@ export const InfoWrap = () => {
   };
 
   useEffect(() => {
-    if(userMids[0]){
-      callInfo(userMids[0]);
+    if(!!mid){
+      callInfo(mid);
     }
   }, []);
 
@@ -50,6 +51,7 @@ export const InfoWrap = () => {
             <option
               key={ value.value }
               value={ value.value }
+              selected={ (mid === value.value)? true: false }
             >{ value.name }</option>
           )) 
         }