feat : 깜박이는 로딩 효과 적용 범위를 text이외로 넓힘

- 컴포넌트명 변경 : TextBlinkLoader -> BlinkLoader
- common 하위에 loading 폴더 생성 및 컴포넌트 폴더 위치 이동

frontend/src/components/common/index.tsx

@@ -16,4 +16,3 @@ export { default as ReviewEmptySection } from './ReviewEmptySection';
 export * from './modals';
 export { default as CopyTextButton } from './CopyTextButton';
 export { default as ReviewCard } from './ReviewCard';
-export { default as TextBlinkLoader } from './TextBlinkLoader';

frontend/src/components/index.tsx

@@ -5,3 +5,4 @@ export * from './highlight/components';
 export * from './login';
 export * from './reviewURL';
 export * from './skeleton';
+export * from './loading';

frontend/src/components/loading/BlinkLoader/index.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+
+import { EssentialPropsWithChildren } from '@/types';
+
+import * as S from './style';
+
+const BlinkLoader = ({ children }: EssentialPropsWithChildren) => {
+  return <S.Loader>{children}</S.Loader>;
+};
+
+export default BlinkLoader;

frontend/src/components/loading/BlinkLoader/style.ts

@@ -0,0 +1,11 @@
+import styled from '@emotion/styled';
+
+export const Loader = styled.div`
+  animation: l1 1s linear infinite alternate;
+
+  @keyframes l1 {
+    to {
+      opacity: 0;
+    }
+  }
+`;

frontend/src/components/loading/index.tsx

@@ -0,0 +1 @@
+export { default as BlinkLoader } from './BlinkLoader';

frontend/src/components/reviewURL/URLGeneratorForm/components/URLGeneratorButton/index.tsx

@@ -1,5 +1,5 @@
 import { DataForReviewRequestCode } from '@/apis/group';
-import { Button, TextBlinkLoader } from '@/components';
+import { Button, BlinkLoader } from '@/components';
 import { HOM_EVENT_NAME } from '@/constants';
 import { debounce, trackEventInAmplitude } from '@/utils';
 
@@ -42,7 +42,7 @@ const URLGeneratorButton = ({
       onClick={handleURLCreationButtonClick}
       disabled={!isFormValid && !mutation.isPending}
     >
-      {mutation.isPending ? <TextBlinkLoader $content="리뷰 링크 생성 중..." /> : <p>리뷰 링크 생성하기</p>}
+      {mutation.isPending ? <BlinkLoader>리뷰 링크 생성 중...</BlinkLoader> : '리뷰 링크 생성하기'}
     </Button>
   );
 };