✂️ edit : eslint 적용

src/apis/queries.ts

@@ -1,4 +1,9 @@
 import { useSuspenseInfiniteQuery, useSuspenseQuery } from '@suspensive/react-query';
+import {
+  type UseInfiniteQueryOptions,
+  type UseQueryOptions,
+  useQuery,
+} from '@tanstack/react-query';
 
 import {
   FilterTagsResponse,
@@ -15,12 +20,6 @@ import {
 } from '.';
 import { FilterState } from '@/hooks/useFilterState';
 
-import {
-  useQuery,
-  type UseInfiniteQueryOptions,
-  type UseQueryOptions,
-} from '@tanstack/react-query';
-
 export const usePoseDetailQuery = (poseId: number) =>
   useQuery(['poseId', poseId], () => getPoseDetail(poseId));
 

src/app/(Main)/feed/FeedSection.tsx

@@ -6,12 +6,12 @@ import { useInView } from 'react-intersection-observer';
 import FilterSheet from './components/FilterSheet';
 import FilterTab from './components/FilterTab';
 import { usePoseFeedQuery } from '@/apis';
+import EmptyCase from '@/components/Feed/EmptyCase';
+import PhotoList from '@/components/Feed/PhotoList';
+import { MainHeader } from '@/components/Header';
 import { Spacing } from '@/components/Spacing';
 import { URL } from '@/constants/url';
 import useFilterState from '@/hooks/useFilterState';
-import PhotoList from '@/components/Feed/PhotoList';
-import EmptyCase from '@/components/Feed/EmptyCase';
-import { MainHeader } from '@/components/Header';
 
 export default function FeedSection() {
   const { filterState } = useFilterState();

src/app/(Main)/layout.tsx

@@ -3,11 +3,9 @@ import { StrictPropsWithChildren } from '@/types';
 
 export default function MainLayout({ children }: StrictPropsWithChildren) {
   return (
-    <>
-      <div className="flex h-full flex-col overflow-hidden px-20">
-        <Spacing size={100} />
-        {children}
-      </div>
-    </>
+    <div className="flex h-full flex-col overflow-hidden px-20">
+      <Spacing size={100} />
+      {children}
+    </div>
   );
 }

src/app/(Main)/pick/page.tsx

@@ -1,5 +1,5 @@
-import { MainHeader } from '@/components/Header';
 import PickSection from './components/PickSection';
+import { MainHeader } from '@/components/Header';
 
 export default function Pick() {
   return (

src/app/(Main)/talk/components/TitleSection.tsx

@@ -2,8 +2,8 @@
 import { useEffect, useState } from 'react';
 import { Tooltip } from 'react-tooltip';
 
-import { Spacing } from '@/components/Spacing';
 import { Icon } from '@/components/Button/Icon';
+import { Spacing } from '@/components/Spacing';
 import { ICON } from '@/constants/icon';
 
 export default function TitleSection() {

src/app/(Main)/talk/page.tsx

@@ -1,6 +1,6 @@
-import { MainHeader } from '@/components/Header';
 import TalkSection from './components/TalkSection';
 import TitleSection from './components/TitleSection';
+import { MainHeader } from '@/components/Header';
 import { PageAnimation } from '@/components/PageAnimation';
 import { Spacing } from '@/components/Spacing';
 

src/app/(Sub)/api/users/login/oauth/kakao/components/LoginSection.tsx

@@ -13,8 +13,8 @@ export default function LoginSection({ code }: LoginSectionProps) {
   const router = useRouter();
   const { data } = useRegisterQuery(code);
   console.log(data);
-  const { token, email, nickname } = data;
-  const { accessToken, refreshToken, expiresIn } = token;
+  const { token } = data;
+  const { accessToken, refreshToken } = token;
   setCookie('accessToken', accessToken);
   setCookie('refreshToken', refreshToken);
   router.replace('/menu');

src/app/(Sub)/detail/[id]/components/DetailSection.tsx

@@ -4,16 +4,16 @@ import Image from 'next/image';
 import { usePathname } from 'next/navigation';
 
 import LinkShareModal from './LinkShareModal';
+import Source from './Source';
+import TagButton from './TagButton';
 import { usePoseDetailQuery } from '@/apis';
 import BottomFixedDiv from '@/components/BottomFixedDiv';
 import { Button } from '@/components/Button';
 import ImageModal from '@/components/Modal/ImageModal.client';
 import { useOverlay } from '@/components/Overlay/useOverlay';
+import { BASE_SITE_URL } from '@/constants';
 import useKakaoShare from '@/hooks/useKakaoShare';
 import { copy } from '@/utils/copy';
-import { BASE_SITE_URL } from '@/constants';
-import TagButton from './TagButton';
-import Source from './Source';
 
 interface DetailSectionProps {
   poseId: number;

src/app/(Sub)/detail/[id]/components/TagButton.tsx

@@ -1,6 +1,7 @@
 import Link from 'next/link';
-import useFilterState from '@/hooks/useFilterState';
+
 import Tag from '@/components/Selection/Tag';
+import useFilterState from '@/hooks/useFilterState';
 
 interface TagButtonProps {
   type?: 'people' | 'frame' | 'tag';

src/app/(Sub)/detail/[id]/page.tsx

@@ -4,11 +4,10 @@ import { Metadata, ResolvingMetadata } from 'next';
 import DetailSection from './components/DetailSection';
 import { getPoseDetail } from '@/apis';
 import { RejectedFallback } from '@/components/ErrorBoundary';
+import { DetailHeader } from '@/components/Header';
 import { Loading } from '@/components/Loading';
 import { PageAnimation } from '@/components/PageAnimation';
 import { HydrationProvider } from '@/components/Provider/HydrationProvider';
-import { Spacing } from '@/components/Spacing';
-import { DetailHeader } from '@/components/Header';
 
 export async function generateMetadata(
   { params }: { params: { id: string } },

src/app/(Sub)/menu/components/LoginSection.tsx

@@ -1,7 +1,7 @@
 'use client';
 
-import { Icon } from '@/components/Button/Icon';
 import LoginModal from './LoginModal';
+import { Icon } from '@/components/Button/Icon';
 import { useOverlay } from '@/components/Overlay/useOverlay';
 import { Spacing } from '@/components/Spacing';
 import { ICON } from '@/constants/icon';

src/app/(Sub)/menu/page.tsx

@@ -1,7 +1,7 @@
-import { MenuHeader } from '@/components/Header';
 import LoginSection from './components/LoginSection';
 import MakerSection from './components/MakerSection';
 import MenuListSection from './components/MenuListSection';
+import { MenuHeader } from '@/components/Header';
 
 export default function MenuPage() {
   return (

src/app/layout.tsx

@@ -6,11 +6,11 @@ import { Suspense } from 'react';
 
 import { Analytics } from '@/components/Analytics';
 import { OverlayProvider } from '@/components/Overlay/OverlayProvider';
+import { META_STRING } from '@/constants/meta';
 import QueryProvider from '@/provider/QueryProvider';
 import RecoilContextProvider from '@/provider/RecoilContextProvider';
 
 import type { Metadata } from 'next';
-import { META_STRING } from '@/constants/meta';
 
 export const metadata: Metadata = {
   title: {

src/components/Feed/Photo.tsx

@@ -1,9 +1,9 @@
 'use client';
 import Link from 'next/link';
 
+import { Icon } from '../Button/Icon';
 import { PreparingModal } from '@/components/Modal';
 import { useOverlay } from '@/components/Overlay/useOverlay';
-import { Icon } from '../Button/Icon';
 import { ICON } from '@/constants/icon';
 
 interface Photo {

src/components/Header/CloseButton.tsx

@@ -1,9 +1,10 @@
 'use client';
 
-import { ICON } from '@/constants/icon';
-import { IconButton } from '../Button/Icon';
 import { useRouter } from 'next/navigation';
 
+import { IconButton } from '../Button/Icon';
+import { ICON } from '@/constants/icon';
+
 export default function CloseButton() {
   const router = useRouter();
 

src/components/Header/Tab.tsx

@@ -18,17 +18,15 @@ export default function Tab() {
       {tabData.map((item) => (
         <div key={item.path}>
           {item.path === path ? (
-            <>
-              <div className="relative py-12">
-                <h5 id="subtitle-1" className="text-brand">
-                  {item.title}
-                </h5>
-                <motion.div
-                  layoutId="underline"
-                  className="absolute bottom-0 left-0 w-full border-b-2 border-main-violet"
-                />
-              </div>
-            </>
+            <div className="relative py-12">
+              <h5 id="subtitle-1" className="text-brand">
+                {item.title}
+              </h5>
+              <motion.div
+                layoutId="underline"
+                className="absolute bottom-0 left-0 w-full border-b-2 border-main-violet"
+              />
+            </div>
           ) : (
             <Link className="py-12 text-tertiary" href={item.path} as={item.path}>
               <h5>{item.title}</h5>

src/components/Header/index.tsx

@@ -1,11 +1,10 @@
-import { ICON } from '@/constants/icon';
-import { IconButton } from '../Button/Icon';
-import { PropsWithChildren } from 'react';
 import Link from 'next/link';
+import { PropsWithChildren } from 'react';
+
 import CloseButton from './CloseButton';
 import Tab from './Tab';
-import Source from '../../app/(Sub)/detail/[id]/components/Source';
-import { StrictPropsWithChildren } from '@/types';
+import { IconButton } from '../Button/Icon';
+import { ICON } from '@/constants/icon';
 
 interface Header {
   title?: string;

src/components/Modal/BottomSheet.tsx

@@ -1,7 +1,7 @@
+import { Icon } from '../Button/Icon';
 import { AnimatedPortal } from '@/components/Portal';
 import useBottomSheet from '@/hooks/useBottomSheet';
 import { StrictPropsWithChildren } from '@/types';
-import { Icon } from '../Button/Icon';
 
 export default function BottomSheet({ children }: StrictPropsWithChildren) {
   const { isBottomSheetOpen, closeBottomSheet } = useBottomSheet();

src/components/Selection/Tag.tsx

@@ -1,5 +1,5 @@
-import { ICON } from '@/constants/icon';
 import { Icon } from '../Button/Icon';
+import { ICON } from '@/constants/icon';
 
 interface Tag {
   text: string;