chore: eslint 수정

package.json

@@ -84,10 +84,6 @@
     "eslint-config-prettier": "^9.1.0",
     "eslint-import-resolver-typescript": "^3.6.3",
     "eslint-plugin-import": "^2.31.0",
-<<<<<<< HEAD
-    "eslint-plugin-jest-dom": "^5.4.0",
-=======
->>>>>>> 6844c8b (fix: eslint 수정 밎 정상화)
     "eslint-plugin-jsx-a11y": "^6.10.2",
     "eslint-plugin-n": "^16.6.2",
     "eslint-plugin-prettier": "^5.2.1",

src/components/common/spinner/index.tsx

@@ -1,5 +1,4 @@
-import { keyframes } from 'styled-components';
-import styled from 'styled-components';
+import styled, { keyframes } from 'styled-components';
 
 type Props = {
   size?: number;

src/pages/myPage/components/ProfileEditForm.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { memo } from 'react';
 import { useForm } from 'react-hook-form';
 
 import styled from 'styled-components';
@@ -18,7 +18,7 @@ interface ProfileEditFormProps {
   refetchMyInfo: () => void;
 }
 
-const ProfileEditForm: React.FC<ProfileEditFormProps> = React.memo(
+const ProfileEditForm: React.FC<ProfileEditFormProps> = memo(
   ({ refetchMyInfo }) => {
     const form = useForm<ProfileFormValues>({
       resolver: zodResolver(ProfileSchema),

src/pages/myPage/index.tsx

@@ -70,4 +70,4 @@ const RightSection = styled.div`
   gap: 20px;
   padding: 20px;
   margin-top: 20px;
-`;
+`;

src/pages/viewer/apis/comments/fetchComments.ts

@@ -12,9 +12,8 @@ export interface Comment {
   content: string;
 }
 
-
-const fetchCommentsPath = (videoId: number) => `/api/videos/${videoId}/comments`;
-
+const fetchCommentsPath = (videoId: number) =>
+  `/api/videos/${videoId}/comments`;
 
 export const fetchComments = async (videoId: number): Promise<Comment[]> => {
   const response = await fetchInstance.get(fetchCommentsPath(videoId));
@@ -31,4 +30,3 @@ export const useFetchComments = (videoId: number) => {
 
   return { data, isLoading, error, refetch };
 };
-

src/pages/viewer/components/ShortsCard.tsx

@@ -17,20 +17,19 @@ export interface ShortsCardProps {
   comments_count: number;
 }
 
-const ShortsCard: React.FC<ShortsCardProps> = ({ video_url, member_info, title }) => {
+const ShortsCard: React.FC<ShortsCardProps> = ({
+  video_url,
+  member_info,
+  title,
+}) => {
   return (
     <Styles.CardContainer>
       <Styles.VideoContainer>
         <Styles.Video controls src={video_url} />
         <Styles.InfoContainer>
           <Styles.ProfileSection>
-            <Styles.ProfileImage
-              src={member_info.image_url}
-              alt='Profile'
-            />
-            <Styles.ProfileName>
-              {member_info?.username}
-            </Styles.ProfileName>
+            <Styles.ProfileImage src={member_info.image_url} alt='Profile' />
+            <Styles.ProfileName>{member_info?.username}</Styles.ProfileName>
           </Styles.ProfileSection>
           <Styles.Title>{title}</Styles.Title>
         </Styles.InfoContainer>