fix(bottle): lint

apps/bottle/src/app/create-profile/layout.tsx

@@ -1,8 +1,8 @@
 import { getServerSideTokens } from '@/features/server/serverSideTokens';
 import { StepProvider } from '@/features/steps/StepProvider';
 import { ServerFetchBoundary } from '@/store/query/ServerFetchBoundary';
-import { userInfoQueryOptions } from '@/store/query/useUserInfoQuery';
 import { regionsQueryOptions } from '@/store/query/useRegionsQuery';
+import { userInfoQueryOptions } from '@/store/query/useUserInfoQuery';
 import { ReactNode, Suspense } from 'react';
 
 export default async function CreateProfileLayout({ children }: { children: ReactNode }) {

apps/bottle/src/app/profile/create/layout.tsx

@@ -1,8 +1,8 @@
 import { getServerSideTokens } from '@/features/server/serverSideTokens';
 import { StepProvider } from '@/features/steps/StepProvider';
 import { ServerFetchBoundary } from '@/store/query/ServerFetchBoundary';
-import { userInfoQueryOptions } from '@/store/query/useUserInfoQuery';
 import { regionsQueryOptions } from '@/store/query/useRegionsQuery';
+import { userInfoQueryOptions } from '@/store/query/useUserInfoQuery';
 import { ReactNode, Suspense } from 'react';
 
 export default async function CreateProfileLayout({ children }: { children: ReactNode }) {

apps/bottle/src/app/profile/edit/IntroductionArea.tsx

@@ -1,9 +1,9 @@
 'use client';
 
 import { Card } from '@/components/card';
+import { useMyInformationQuery } from '@/store/query/useMyInformation';
 import { Paragraph, spacings } from '@bottlesteam/ui';
 import { introductionBoxStyle } from './profileEditStyle.css';
-import { useMyInformationQuery } from '@/store/query/useMyInformation';
 
 export function IntroductionArea() {
   const {

apps/bottle/src/app/profile/edit/ProfileArea.tsx

@@ -1,10 +1,10 @@
 'use client';
 
 import { Card } from '@/components/card';
-import { profileItemLeftStyle, profileItemStyle } from './profileEditStyle.css';
-import { Asset, Paragraph, spacings } from '@bottlesteam/ui';
 import { useMyInformationQuery } from '@/store/query/useMyInformation';
+import { Asset, Paragraph, spacings } from '@bottlesteam/ui';
 import { useMemo } from 'react';
+import { profileItemLeftStyle, profileItemStyle } from './profileEditStyle.css';
 
 export function ProfileArea() {
   const {
@@ -77,14 +77,14 @@ export function ProfileArea() {
         onRightArrowClick: () => {},
       },
     ],
-    [mbti, keyword, culture, sports, entertainment, job, height, smoking, alcohol, religion, city]
+    [mbti, keyword, culture, sports, entertainment, job, height, smoking, alcohol, religion, city, etc]
   );
 
   return (
     <Card asChild style={{ marginTop: spacings.sm, marginBottom: spacings.xl }}>
       <ul>
         {profileItems.map(({ title, description }) => (
-          <li className={profileItemStyle}>
+          <li key={title} className={profileItemStyle}>
             <div className={profileItemLeftStyle}>
               <Paragraph color="neutral900" typography="st2">
                 {title}

apps/bottle/src/app/profile/edit/page.tsx

@@ -1,8 +1,8 @@
-import { BasicInformation } from './BasicInformation';
-import { Suspense } from 'react';
-import { myInformationQueryOptions } from '@/store/query/useMyInformation';
 import { getServerSideTokens } from '@/features/server/serverSideTokens';
 import { ServerFetchBoundary } from '@/store/query/ServerFetchBoundary';
+import { myInformationQueryOptions } from '@/store/query/useMyInformation';
+import { Suspense } from 'react';
+import { BasicInformation } from './BasicInformation';
 import { HeaderArea } from './HeaderArea';
 import { IntroductionArea } from './IntroductionArea';
 import { ProfileArea } from './ProfileArea';

apps/bottle/src/components/card/index.tsx

@@ -1,6 +1,6 @@
+import { Slot } from '@radix-ui/react-slot';
 import { ComponentProps, ReactNode } from 'react';
 import { cardStyle } from './cardStyle.css';
-import { Slot } from '@radix-ui/react-slot';
 
 export interface CardProps extends ComponentProps<'section'> {
   children: ReactNode;

apps/bottle/src/components/profile/index.tsx

@@ -1,7 +1,7 @@
 import { Asset, Paragraph } from '@bottlesteam/ui';
+import { ComponentProps } from 'react';
 import { Avatar } from '../avatar';
 import { avatarAreaStyle, editButtonStyle, userInfoAreaStyle, wrapperStyle } from './profileStyle.css';
-import { ComponentProps } from 'react';
 
 interface ProfileProps extends ComponentProps<'div'> {
   image: string;

apps/bottle/src/store/mutation/useAcceptBottleMutation.ts

@@ -2,13 +2,13 @@ import type { BottleType } from '@/app/bottles/Bottles';
 import { AppBridgeMessageType, useAppBridge } from '@/features/app-bridge';
 import { POST, createInit } from '@/features/server';
 import { getClientSideTokens } from '@/features/server/clientSideTokens';
+import { logAction } from '@/features/server/log';
 import { Bottle } from '@/models/bottle';
 import { useMutation, useQueryClient } from '@tanstack/react-query';
 import { getCookie } from 'cookies-next';
 import { useRouter } from 'next/navigation';
-import { bottlesQueryOptions } from '../query/useBottlesQuery';
-import { logAction } from '@/features/server/log';
 import { bottleDetailQueryOptions } from '../query/useBottleDetailQuery';
+import { bottlesQueryOptions } from '../query/useBottlesQuery';
 import { userInfoQueryOptions } from '../query/useUserInfoQuery';
 
 interface AcceptBottleBody<T extends BottleType> {

apps/bottle/src/store/mutation/useRefuseBottleMutation.ts

@@ -1,13 +1,13 @@
 import { AppBridgeMessageType, useAppBridge } from '@/features/app-bridge';
 import { POST, createInit } from '@/features/server';
 import { getClientSideTokens } from '@/features/server/clientSideTokens';
+import { logAction } from '@/features/server/log';
 import { Bottle } from '@/models/bottle';
-import { QueryClient, useMutation, useQueryClient } from '@tanstack/react-query';
+import { useMutation, useQueryClient } from '@tanstack/react-query';
 import { useRouter } from 'next/navigation';
+import { bottleDetailQueryOptions } from '../query/useBottleDetailQuery';
 import { bottlesQueryOptions } from '../query/useBottlesQuery';
-import { logAction } from '@/features/server/log';
 import { userInfoQueryOptions } from '../query/useUserInfoQuery';
-import { bottleDetailQueryOptions } from '../query/useBottleDetailQuery';
 
 export function useRefuseBottleMutation(id: Bottle['id']) {
   const router = useRouter();