[#67] 💄 solve prettier build warnings by formatting

Author: KingNono1030

src/app/providers.tsx

@@ -7,7 +7,6 @@ import {
   QueryClientProvider,
   isServer,
 } from '@tanstack/react-query'
-import { ReactNode } from 'react'
 
 // In Next.js, this file would be called: app/providers.tsx
 
@@ -38,7 +37,11 @@ function getQueryClient() {
   return browserQueryClient
 }
 
-const Providers = ({ children }: { children: ReactNode }): JSX.Element => {
+const Providers = ({
+  children,
+}: {
+  children: React.ReactNode
+}): JSX.Element => {
   // NOTE: Avoid useState when initializing the query client if you don't
   //       have a suspense boundary between this and the code that may
   //       suspend because React will throw away the client on the initial

src/components/common/button/Clickable.test.tsx

@@ -1,6 +1,7 @@
+import React from 'react'
+
 import '@testing-library/jest-dom'
 import { render, screen } from '@testing-library/react'
-import React from 'react'
 
 import { Clickable, ClickableProps } from './Clickable'
 

src/components/common/input/TagInput.tsx

@@ -1,7 +1,8 @@
-import { IcSearch } from '@/assets/IconList'
 import { useState } from 'react'
 import { Controller, useFormContext } from 'react-hook-form'
 
+import { IcSearch } from '@/assets/IconList'
+
 import { DeletableChip } from '../chip'
 import { TextInput, TextInputProps } from './TextInput'
 

src/components/common/input/TextInput.tsx

@@ -1,5 +1,6 @@
-import clsx from 'clsx'
 import { FieldValues, UseFormRegister } from 'react-hook-form'
+
+import clsx from 'clsx'
 import { twMerge } from 'tailwind-merge'
 
 export interface TextInputProps

src/stories/common/input/CheckboxInput.stories.tsx

@@ -1,6 +1,7 @@
-import { Meta, StoryObj } from '@storybook/react'
 import { useState } from 'react'
 
+import { Meta, StoryObj } from '@storybook/react'
+
 import { CheckboxInput } from '@/components/common/input/CheckboxInput'
 import type { CheckboxInputProps } from '@/components/common/input/CheckboxInput'