feat(my-info): 내 정보 페이지 API 연동 (#29)

* 카드 추가 모달 구현

* type 명 변경

* feat: 카드 조회 api 연동

* CustomDialog

* 카드 추가하기 기능 구현

* 카드삭제 기능 구현

* 터치버튼

* http

* 쿼리키 분리

* 카드 추가 후 에디터로 이동

* ui 일부 수정

* 제목 색상 변경

* delete

src/app/(sidebar)/write/[id]/components/TagSelector/TagSelector.tsx

@@ -79,6 +79,7 @@ function Content({
   );
 }
 
+function Notice({ children, className }: StrictPropsWithChildren<{ className?: string }>) {
 function Notice({ children, className }: StrictPropsWithChildren<{ className?: string }>) {
   const { disabled } = useTagSelectorContext();
 
@@ -89,6 +90,7 @@ function Notice({ children, className }: StrictPropsWithChildren<{ className?: s
   );
 }
 
+function TagList({ title, children, className }: StrictPropsWithChildren<{ title?: string; className?: string }>) {
 function TagList({ title, children, className }: StrictPropsWithChildren<{ title?: string; className?: string }>) {
   const { disabled } = useTagSelectorContext();
 
@@ -99,7 +101,6 @@ function TagList({ title, children, className }: StrictPropsWithChildren<{ title
     </div>
   );
 }
-
 function TagSelector({
   children,
   className,
@@ -112,6 +113,9 @@ function TagSelector({
       <Component {...getBaseProps()} className={cn(getBaseProps().className, className)}>
         {children}
       </Component>
+      <Component {...getBaseProps()} className={cn(getBaseProps().className, className)}>
+        {children}
+      </Component>
     </TagSelectorProvider>
   );
 }

src/system/components/Icon/Icon.tsx

@@ -23,7 +23,7 @@ import { More } from './SVG/More';
 import { Pip } from './SVG/Pip';
 import { Profile } from './SVG/Profile';
 import { ProfileFill } from './SVG/ProfileFill';
-import Refresh from './SVG/Refresh';
+import { Refresh } from './SVG/Refresh';
 import { Remove } from './SVG/Remove';
 import { RightChevron } from './SVG/RightChevron';
 import { Search } from './SVG/Search';

src/system/components/Icon/SVG/Refresh.tsx

@@ -1,6 +1,6 @@
 import { IconBaseType } from './type';
 
-export default function Refresh({ size, color }: IconBaseType) {
+export function Refresh({ size, color }: IconBaseType) {
   return (
     <svg xmlns="http://www.w3.org/2000/svg" width={size} height={size} viewBox={`0 0 ${size} ${size}`} fill="none">
       <g id="Icon/Normal/Refresh">