refactor(fe): lib folder structure refactoring (#2214)

* feat(fe): change lib to libs

* feat(fe): change pagination to usePagination

* feat(fe): change useInfiniteScroll path

* feat(fe): change unchanged lib to libs

* feat(fe): fix buld error

apps/frontend/app/(client)/(code-editor)/_components/CopyButton.tsx

@@ -4,7 +4,7 @@ import {
   TooltipProvider,
   TooltipTrigger
 } from '@/components/shadcn/tooltip'
-import { cn } from '@/lib/utils'
+import { cn } from '@/libs/utils'
 import copyBlueIcon from '@/public/icons/copy-blue.svg'
 import { LazyMotion, m, domAnimation } from 'framer-motion'
 import Image from 'next/image'

apps/frontend/app/(client)/(code-editor)/_components/EditorDescription.tsx

@@ -15,7 +15,7 @@ import {
   DialogTitle,
   DialogTrigger
 } from '@/components/shadcn/dialog'
-import { convertToLetter } from '@/lib/utils'
+import { convertToLetter } from '@/libs/utils'
 import compileIcon from '@/public/icons/compile-version.svg'
 import type { ContestProblem, ProblemDetail } from '@/types/type'
 import type { Level } from '@/types/type'

apps/frontend/app/(client)/(code-editor)/_components/EditorHeader/EditorHeader.tsx

@@ -20,8 +20,8 @@ import {
   SelectTrigger,
   SelectValue
 } from '@/components/shadcn/select'
-import { auth } from '@/lib/auth'
-import { fetcherWithAuth } from '@/lib/utils'
+import { auth } from '@/libs/auth'
+import { fetcherWithAuth } from '@/libs/utils'
 import submitIcon from '@/public/icons/submit.svg'
 import useAuthModalStore from '@/stores/authModal'
 import {

apps/frontend/app/(client)/(code-editor)/_components/EditorHeader/RunTestButton.tsx

@@ -1,5 +1,5 @@
 import { Button, type ButtonProps } from '@/components/shadcn/button'
-import { isHttpError, safeFetcherWithAuth } from '@/lib/utils'
+import { isHttpError, safeFetcherWithAuth } from '@/libs/utils'
 import useAuthModalStore from '@/stores/authModal'
 import { useCodeStore } from '@/stores/editor'
 import type { TestcaseItem } from '@/types/type'

apps/frontend/app/(client)/(code-editor)/_components/EditorLayout.tsx

@@ -6,8 +6,8 @@ import {
   DropdownMenuItem,
   DropdownMenuTrigger
 } from '@/components/shadcn/dropdown-menu'
-import { auth } from '@/lib/auth'
-import { cn, convertToLetter, fetcher, fetcherWithAuth } from '@/lib/utils'
+import { auth } from '@/libs/auth'
+import { cn, convertToLetter, fetcher, fetcherWithAuth } from '@/libs/utils'
 import checkIcon from '@/public/icons/check-green.svg'
 import codedangLogo from '@/public/logos/codedang-editor.svg'
 import type { Contest, ContestProblem, ProblemDetail } from '@/types/type'

apps/frontend/app/(client)/(code-editor)/_components/TestcasePanel/AddUserTestcaseDialog.tsx

@@ -9,7 +9,7 @@ import {
 } from '@/components/shadcn/dialog'
 import { ScrollArea, ScrollBar } from '@/components/shadcn/scroll-area'
 import { Textarea } from '@/components/shadcn/textarea'
-import { cn } from '@/lib/utils'
+import { cn } from '@/libs/utils'
 import { AlertTriangle, X } from 'lucide-react'
 import { useState } from 'react'
 import { CiSquarePlus } from 'react-icons/ci'

apps/frontend/app/(client)/(code-editor)/_components/TestcasePanel/TestcasePanel.tsx

@@ -1,7 +1,7 @@
 'use client'
 
 import { ScrollArea, ScrollBar } from '@/components/shadcn/scroll-area'
-import { cn, getResultColor } from '@/lib/utils'
+import { cn, getResultColor } from '@/libs/utils'
 import type { TestResultDetail } from '@/types/type'
 import { useState, type ReactNode } from 'react'
 import { IoMdClose } from 'react-icons/io'

apps/frontend/app/(client)/(code-editor)/_components/TestcasePanel/TestcaseTable.tsx

@@ -6,7 +6,7 @@ import {
   TableHeader,
   TableRow
 } from '@/components/shadcn/table'
-import { cn, getResultColor } from '@/lib/utils'
+import { cn, getResultColor } from '@/libs/utils'
 import type { TestResultDetail } from '@/types/type'
 import { WhitespaceVisualizer } from '../WhitespaceVisualizer'
 

apps/frontend/app/(client)/(code-editor)/_components/TestcasePanel/useTestResults.ts

@@ -1,4 +1,4 @@
-import { safeFetcherWithAuth } from '@/lib/utils'
+import { safeFetcherWithAuth } from '@/libs/utils'
 import type { TestResult } from '@/types/type'
 import { useQueries } from '@tanstack/react-query'
 import { useEffect, useRef } from 'react'

apps/frontend/app/(client)/(code-editor)/_components/WhitespaceVisualizer.tsx

@@ -1,4 +1,4 @@
-import { cn } from '@/lib/utils'
+import { cn } from '@/libs/utils'
 import { sanitize } from 'isomorphic-dompurify'
 
 export function WhitespaceVisualizer({

apps/frontend/app/(client)/(code-editor)/contest/[contestId]/finished/problem/[problemId]/page.tsx

@@ -1,5 +1,5 @@
 import { Button } from '@/components/shadcn/button'
-import { fetcher } from '@/lib/utils'
+import { fetcher } from '@/libs/utils'
 import exitIcon from '@/public/icons/exit.svg'
 import visitIcon from '@/public/icons/visit.svg'
 import Image from 'next/image'

apps/frontend/app/(client)/(code-editor)/contest/[contestId]/problem/[problemId]/page.tsx

@@ -1,5 +1,5 @@
 import { EditorDescription } from '@/app/(client)/(code-editor)/_components/EditorDescription'
-import { fetcherWithAuth } from '@/lib/utils'
+import { fetcherWithAuth } from '@/libs/utils'
 import type { ContestProblem, ProblemDetail } from '@/types/type'
 import { redirect } from 'next/navigation'
 

apps/frontend/app/(client)/(code-editor)/contest/[contestId]/problem/[problemId]/submission/_components/Columns.tsx

@@ -1,6 +1,6 @@
 'use client'
 
-import { dateFormatter, getResultColor } from '@/lib/utils'
+import { dateFormatter, getResultColor } from '@/libs/utils'
 import type { SubmissionItem } from '@/types/type'
 import type { ColumnDef } from '@tanstack/react-table'
 

apps/frontend/app/(client)/(code-editor)/contest/[contestId]/problem/[problemId]/submission/_components/DataTable.tsx

@@ -8,7 +8,7 @@ import {
   TableHeader,
   TableRow
 } from '@/components/shadcn/table'
-import { cn } from '@/lib/utils'
+import { cn } from '@/libs/utils'
 import type { ColumnDef } from '@tanstack/react-table'
 import {
   flexRender,

apps/frontend/app/(client)/(code-editor)/contest/[contestId]/problem/[problemId]/submission/_components/SubmissionDetail.tsx

@@ -8,7 +8,7 @@ import {
   TableHeader,
   TableRow
 } from '@/components/shadcn/table'
-import { dateFormatter, fetcherWithAuth, getResultColor } from '@/lib/utils'
+import { dateFormatter, fetcherWithAuth, getResultColor } from '@/libs/utils'
 import type { SubmissionDetail } from '@/types/type'
 import { revalidateTag } from 'next/cache'
 import { IoIosLock } from 'react-icons/io'

apps/frontend/app/(client)/(code-editor)/contest/[contestId]/problem/[problemId]/submission/page.tsx

@@ -1,7 +1,7 @@
 'use client'
 
 import Paginator from '@/components/Paginator'
-import { usePagination } from '@/lib/pagination'
+import { usePagination } from '@/libs/hooks/usePagination'
 import type { SubmissionItem } from '@/types/type'
 import { columns } from './_components/Columns'
 import DataTable from './_components/DataTable'

apps/frontend/app/(client)/(code-editor)/problem/[problemId]/page.tsx

@@ -1,5 +1,5 @@
 import { EditorDescription } from '@/app/(client)/(code-editor)/_components/EditorDescription'
-import { fetcher } from '@/lib/utils'
+import { fetcher } from '@/libs/utils'
 import type { ProblemDetail } from '@/types/type'
 
 export default async function DescriptionPage({

apps/frontend/app/(client)/(code-editor)/problem/[problemId]/submission/_components/Columns.tsx

@@ -1,6 +1,6 @@
 'use client'
 
-import { dateFormatter, getResultColor } from '@/lib/utils'
+import { dateFormatter, getResultColor } from '@/libs/utils'
 import type { SubmissionItem } from '@/types/type'
 import type { ColumnDef } from '@tanstack/react-table'
 

apps/frontend/app/(client)/(code-editor)/problem/[problemId]/submission/_components/DataTable.tsx

@@ -8,7 +8,7 @@ import {
   TableHeader,
   TableRow
 } from '@/components/shadcn/table'
-import { cn } from '@/lib/utils'
+import { cn } from '@/libs/utils'
 import type { ColumnDef } from '@tanstack/react-table'
 import {
   flexRender,

apps/frontend/app/(client)/(code-editor)/problem/[problemId]/submission/_components/SubmissionDetail.tsx

@@ -8,7 +8,7 @@ import {
   TableHeader,
   TableRow
 } from '@/components/shadcn/table'
-import { dateFormatter, fetcherWithAuth, getResultColor } from '@/lib/utils'
+import { dateFormatter, fetcherWithAuth, getResultColor } from '@/libs/utils'
 import type { SubmissionDetail } from '@/types/type'
 import { revalidateTag } from 'next/cache'
 import dataIfError from '../_libs/dataIfError'

apps/frontend/app/(client)/(code-editor)/problem/[problemId]/submission/page.tsx

@@ -1,7 +1,7 @@
 'use client'
 
 import Paginator from '@/components/Paginator'
-import { usePagination } from '@/lib/pagination'
+import { usePagination } from '@/libs/hooks/usePagination'
 import type { SubmissionItem } from '@/types/type'
 import { columns } from './_components/Columns'
 import DataTable from './_components/DataTable'

apps/frontend/app/(client)/(main)/_components/Badge.tsx

@@ -1,4 +1,4 @@
-import { cn } from '@/lib/utils'
+import { cn } from '@/libs/utils'
 import React from 'react'
 
 const variants = {

apps/frontend/app/(client)/(main)/_components/Carousel.tsx

@@ -1,7 +1,7 @@
 'use client'
 
 import { Button } from '@/components/shadcn/button'
-import { cn } from '@/lib/utils'
+import { cn } from '@/libs/utils'
 import type { Route } from 'next'
 import Image from 'next/image'
 import Link from 'next/link'

apps/frontend/app/(client)/(main)/_components/ContestCard.tsx

@@ -1,7 +1,7 @@
 'use client'
 
 import ContestStatusTimeDiff from '@/components/ContestStatusTimeDiff'
-import { cn, dateFormatter } from '@/lib/utils'
+import { cn, dateFormatter } from '@/libs/utils'
 import calendarIcon from '@/public/icons/calendar.svg'
 import type { Contest } from '@/types/type'
 import Image from 'next/image'

apps/frontend/app/(client)/(main)/_components/ContestCards.tsx

@@ -1,4 +1,4 @@
-import { fetcher } from '@/lib/utils'
+import { fetcher } from '@/libs/utils'
 import type { Contest } from '@/types/type'
 import type { Route } from 'next'
 import Link from 'next/link'

apps/frontend/app/(client)/(main)/_components/Cover.tsx

@@ -1,4 +1,4 @@
-import { cn } from '@/lib/utils'
+import { cn } from '@/libs/utils'
 import Image from 'next/image'
 
 interface CoverProps {

apps/frontend/app/(client)/(main)/_components/DataTable.tsx

@@ -8,7 +8,7 @@ import {
   TableHeader,
   TableRow
 } from '@/components/shadcn/table'
-import { cn } from '@/lib/utils'
+import { cn } from '@/libs/utils'
 import type { ColumnDef } from '@tanstack/react-table'
 import {
   flexRender,

apps/frontend/app/(client)/(main)/_components/Header.tsx

@@ -1,5 +1,5 @@
 import HeaderAuthPanel from '@/components/auth/HeaderAuthPanel'
-import { auth } from '@/lib/auth'
+import { auth } from '@/libs/auth'
 import codedangLogo from '@/public/logos/codedang-with-text.svg'
 import Image from 'next/image'
 import Link from 'next/link'

apps/frontend/app/(client)/(main)/_components/NavLink.tsx

@@ -1,6 +1,6 @@
 'use client'
 
-import { cn } from '@/lib/utils'
+import { cn } from '@/libs/utils'
 import type { Route } from 'next'
 import Link from 'next/link'
 import { usePathname } from 'next/navigation'

apps/frontend/app/(client)/(main)/_components/ProblemCards.tsx

@@ -1,7 +1,7 @@
 'use client'
 
 import { Skeleton } from '@/components/shadcn/skeleton'
-import { fetcher } from '@/lib/utils'
+import { fetcher } from '@/libs/utils'
 import type { WorkbookProblem } from '@/types/type'
 import type { Route } from 'next'
 import Link from 'next/link'

apps/frontend/app/(client)/(main)/_components/SearchBar.tsx

@@ -1,7 +1,7 @@
 'use client'
 
 import { Input } from '@/components/shadcn/input'
-import { cn } from '@/lib/utils'
+import { cn } from '@/libs/utils'
 import { Search } from 'lucide-react'
 import type { Route } from 'next'
 import { usePathname, useRouter, useSearchParams } from 'next/navigation'

apps/frontend/app/(client)/(main)/_components/StatusBadge.tsx

@@ -1,4 +1,4 @@
-import { cn } from '@/lib/utils'
+import { cn } from '@/libs/utils'
 import finishedIcon from '@/public/icons/finished.svg'
 import ongoingIcon from '@/public/icons/ongoing.svg'
 import upcomingIcon from '@/public/icons/upcoming.svg'

apps/frontend/app/(client)/(main)/contest/[contestId]/@tabs/_components/RegisterButton.tsx

@@ -9,7 +9,7 @@ import {
   DialogTrigger
 } from '@/components/shadcn/dialog'
 import { Input } from '@/components/shadcn/input'
-import { cn, fetcherWithAuth } from '@/lib/utils'
+import { cn, fetcherWithAuth } from '@/libs/utils'
 import { zodResolver } from '@hookform/resolvers/zod'
 import { useRouter } from 'next/navigation'
 import { useEffect, useState } from 'react'

apps/frontend/app/(client)/(main)/contest/[contestId]/@tabs/announcement/_components/Columns.tsx

@@ -1,6 +1,6 @@
 'use client'
 
-import { convertToLetter, dateFormatter } from '@/lib/utils'
+import { convertToLetter, dateFormatter } from '@/libs/utils'
 import type { ContestAnnouncement } from '@/types/type'
 import type { ColumnDef } from '@tanstack/react-table'
 

apps/frontend/app/(client)/(main)/contest/[contestId]/@tabs/announcement/page.tsx

@@ -1,5 +1,5 @@
 import DataTable from '@/app/(client)/(main)/_components/DataTable'
-import { fetcher } from '@/lib/utils'
+import { fetcher } from '@/libs/utils'
 import type { ContestAnnouncement } from '@/types/type'
 import { columns } from './_components/Columns'
 

apps/frontend/app/(client)/(main)/contest/[contestId]/@tabs/page.tsx

@@ -1,6 +1,6 @@
 import KatexContent from '@/components/KatexContent'
-import { auth } from '@/lib/auth'
-import { fetcherWithAuth } from '@/lib/utils'
+import { auth } from '@/libs/auth'
+import { fetcherWithAuth } from '@/libs/utils'
 import RegisterButton from './_components/RegisterButton'
 
 interface ContestTop {

apps/frontend/app/(client)/(main)/contest/[contestId]/@tabs/problem/_components/Columns.tsx

@@ -1,6 +1,6 @@
 'use client'
 
-import { convertToLetter, dateFormatter } from '@/lib/utils'
+import { convertToLetter, dateFormatter } from '@/libs/utils'
 import type { ContestProblem } from '@/types/type'
 import type { ColumnDef } from '@tanstack/react-table'
 import MySubmission from './MySubmission'

apps/frontend/app/(client)/(main)/contest/[contestId]/@tabs/problem/_components/MySubmission.tsx

@@ -10,7 +10,7 @@ import {
   TooltipProvider,
   TooltipTrigger
 } from '@/components/shadcn/tooltip'
-import { fetcherWithAuth } from '@/lib/utils'
+import { fetcherWithAuth } from '@/libs/utils'
 import seeSubmissionIcon from '@/public/icons/see-submission.svg'
 import type { SubmissionDetail, Submission, ContestProblem } from '@/types/type'
 import * as TooltipPrimitive from '@radix-ui/react-tooltip'

apps/frontend/app/(client)/(main)/contest/[contestId]/@tabs/problem/_components/SubmissionDetailContent.tsx

@@ -10,7 +10,7 @@ import {
   TableHeader,
   TableRow
 } from '@/components/shadcn/table'
-import { dateFormatter, getResultColor } from '@/lib/utils'
+import { dateFormatter, getResultColor } from '@/libs/utils'
 import type { ContestProblem, Language, SubmissionDetail } from '@/types/type'
 
 export default function SubmissionDetailContent({

apps/frontend/app/(client)/(main)/contest/[contestId]/@tabs/problem/page.tsx

@@ -1,7 +1,7 @@
 import DataTable from '@/app/(client)/(main)/_components/DataTable'
-import { fetcherWithAuth } from '@/lib/utils'
-import { getStatusWithStartEnd } from '@/lib/utils'
-import { dateFormatter } from '@/lib/utils'
+import { fetcherWithAuth } from '@/libs/utils'
+import { getStatusWithStartEnd } from '@/libs/utils'
+import { dateFormatter } from '@/libs/utils'
 import type { ContestProblem } from '@/types/type'
 import type { Contest } from '@/types/type'
 import { columns } from './_components/Columns'

apps/frontend/app/(client)/(main)/contest/[contestId]/@tabs/standings/_components/StandingsTable.tsx

@@ -8,7 +8,7 @@ import {
   TableHeader,
   TableRow
 } from '@/components/shadcn/table'
-import { cn } from '@/lib/utils'
+import { cn } from '@/libs/utils'
 import type { Standings } from '@/types/type'
 import type { ColumnDef } from '@tanstack/react-table'
 import {

apps/frontend/app/(client)/(main)/contest/[contestId]/_libs/utils.ts

@@ -1,4 +1,4 @@
-import { safeFetcherWithAuth } from '@/lib/utils'
+import { safeFetcherWithAuth } from '@/libs/utils'
 import type { ContestProblem } from '@/types/type'
 
 interface ContestProblemsApiRes {

apps/frontend/app/(client)/(main)/contest/[contestId]/layout.tsx

@@ -1,7 +1,7 @@
 import ContestStatusTimeDiff from '@/components/ContestStatusTimeDiff'
-import { auth } from '@/lib/auth'
-import { fetcher, fetcherWithAuth, getStatusWithStartEnd } from '@/lib/utils'
-import { dateFormatter } from '@/lib/utils'
+import { auth } from '@/libs/auth'
+import { fetcher, fetcherWithAuth, getStatusWithStartEnd } from '@/libs/utils'
+import { dateFormatter } from '@/libs/utils'
 import calendarIcon from '@/public/icons/calendar.svg'
 import checkIcon from '@/public/icons/check-blue.svg'
 import type { Contest } from '@/types/type'

apps/frontend/app/(client)/(main)/contest/_components/ContestCardList.tsx

@@ -6,7 +6,7 @@ import {
   CarouselNext,
   CarouselPrevious
 } from '@/components/shadcn/carousel'
-import { cn, fetcher, fetcherWithAuth } from '@/lib/utils'
+import { cn, fetcher, fetcherWithAuth } from '@/libs/utils'
 import type { Contest } from '@/types/type'
 import type { Route } from 'next'
 import type { Session } from 'next-auth'

apps/frontend/app/(client)/(main)/contest/_components/ContestTable.tsx

@@ -8,7 +8,7 @@ import {
   TableHeader,
   TableRow
 } from '@/components/shadcn/table'
-import { dateFormatter } from '@/lib/utils'
+import { dateFormatter } from '@/libs/utils'
 import type { Contest } from '@/types/type'
 import type { ColumnDef } from '@tanstack/react-table'
 import {

apps/frontend/app/(client)/(main)/contest/_components/ContestTabs.tsx

@@ -1,6 +1,6 @@
 'use client'
 
-import { cn } from '@/lib/utils'
+import { cn } from '@/libs/utils'
 import type { Route } from 'next'
 import Link from 'next/link'
 import { usePathname } from 'next/navigation'

apps/frontend/app/(client)/(main)/contest/_components/FinishedContestTable.tsx

@@ -1,5 +1,5 @@
 import DataTable from '@/app/(client)/(main)/_components/DataTable'
-import { fetcher, fetcherWithAuth } from '@/lib/utils'
+import { fetcher, fetcherWithAuth } from '@/libs/utils'
 import type { Contest } from '@/types/type'
 import type { Session } from 'next-auth'
 import { columns } from './FinishedTableColumns'

apps/frontend/app/(client)/(main)/contest/_components/FinishedTableColumns.tsx

@@ -1,6 +1,6 @@
 'use client'
 
-import { dateFormatter } from '@/lib/utils'
+import { dateFormatter } from '@/libs/utils'
 import checkIcon from '@/public/icons/check-gray.svg'
 import type { Contest } from '@/types/type'
 import type { ColumnDef } from '@tanstack/react-table'