style(components): format code

  ## what
  - format code

  ## how

  ## why

  ## where
  - ./src/app/problems/components/data-table/columns.tsx

  ## usage

src/app/problems/components/data-table/columns.tsx

@@ -1,13 +1,12 @@
-"use client"
+"use client";
 
-import { ColumnDef } from "@tanstack/react-table"
-import { ArrowUpDown, MoreHorizontal } from "lucide-react"
+import { ColumnDef } from "@tanstack/react-table";
+import { ArrowUpDown, MoreHorizontal } from "lucide-react";
 import Link from "next/link";
 
-import { Button } from "@/components/ui/button"
+import { Button } from "@/components/ui/button";
 import { Problem } from "@/types";
 
-
 export const columns: ColumnDef<Problem>[] = [
   {
     accessorKey: "num",
@@ -25,14 +24,11 @@ export const columns: ColumnDef<Problem>[] = [
     cell: ({ row }) => {
       return (
         <div className="hover:underline">
-          <Link
-            href={`/problems/${row.getValue("num")}`}
-            className="p-3"
-          >
+          <Link href={`/problems/${row.getValue("num")}`} className="p-3">
             {row.getValue("num")}
           </Link>
         </div>
-      )
+      );
     },
   },
   {
@@ -51,15 +47,11 @@ export const columns: ColumnDef<Problem>[] = [
     cell: ({ row }) => {
       return (
         <div className="hover:underline">
-          <Link
-            href={`/problems/${row.getValue("num")}`}
-            className="p-3"
-          >
+          <Link href={`/problems/${row.getValue("num")}`} className="p-3">
             {row.getValue("title")}
           </Link>
         </div>
-      )
+      );
     },
   },
-]
-
+];