diff --git a/Client/src/components/navtour.jsx b/Client/src/components/navtour.jsx
index 1216727..49b77dc 100644
--- a/Client/src/components/navtour.jsx
+++ b/Client/src/components/navtour.jsx
@@ -1,40 +1,40 @@
+import { BreadcrumbItem, Breadcrumbs } from "@nextui-org/react";
 import React from "react";
-import { Breadcrumbs, BreadcrumbItem } from "@nextui-org/react";
 
 export default function NavTorunaments() {
-    const [currentPage, setCurrentPage] = React.useState("music");
+	const [currentPage, setCurrentPage] = React.useState("music");
 
-    return (
-        <Breadcrumbs
-            size="md"
-            onAction={(key) => setCurrentPage(key)}
-            classNames={{
-                list: "gap-2",
-            }}
-            itemClasses={{
-                item: [
-                    "px-5 py-1 border-small border-default-400 rounded-small",
-                    "data-[current=true]:border-foreground data-[current=true]:bg-foreground data-[current=true]:text-background transition-colors",
-                    "data-[disabled=true]:border-default-400 data-[disabled=true]:bg-default-100",
-                ],
-                separator: "hidden",
-            }}
-        >
-            <BreadcrumbItem key="home" isCurrent={currentPage === "home"}>
-                ทั้งหมด
-            </BreadcrumbItem>
-            <BreadcrumbItem key="music" isCurrent={currentPage === "music"}>
-                กำลังจะเปิด
-            </BreadcrumbItem>
-            <BreadcrumbItem key="artist" isCurrent={currentPage === "artist"}>
-                เปิดรับสมัคร
-            </BreadcrumbItem>
-            <BreadcrumbItem key="album" isCurrent={currentPage === "album"}>
-                อยู่ระหว่างการแข่งขัน
-            </BreadcrumbItem>
-            <BreadcrumbItem key="song" isCurrent={currentPage === "song"}>
-                จบการแข่งขัน
-            </BreadcrumbItem>
-        </Breadcrumbs>
-    );
+	return (
+		<Breadcrumbs
+			classNames={{
+				list: "gap-2",
+			}}
+			itemClasses={{
+				item: [
+					"px-5 py-1 border-small border-default-400 rounded-small",
+					"data-[current=true]:border-foreground data-[current=true]:bg-foreground data-[current=true]:text-background transition-colors",
+					"data-[disabled=true]:border-default-400 data-[disabled=true]:bg-default-100",
+				],
+				separator: "hidden",
+			}}
+			onAction={(key) => setCurrentPage(key)}
+			size="md"
+		>
+			<BreadcrumbItem isCurrent={currentPage === "home"} key="home">
+				ทั้งหมด
+			</BreadcrumbItem>
+			<BreadcrumbItem isCurrent={currentPage === "music"} key="music">
+				กำลังจะเปิด
+			</BreadcrumbItem>
+			<BreadcrumbItem isCurrent={currentPage === "artist"} key="artist">
+				เปิดรับสมัคร
+			</BreadcrumbItem>
+			<BreadcrumbItem isCurrent={currentPage === "album"} key="album">
+				อยู่ระหว่างการแข่งขัน
+			</BreadcrumbItem>
+			<BreadcrumbItem isCurrent={currentPage === "song"} key="song">
+				จบการแข่งขัน
+			</BreadcrumbItem>
+		</Breadcrumbs>
+	);
 }
diff --git a/Client/src/pages/contents/about.jsx b/Client/src/pages/contents/about.jsx
index 88cbc24..aa0951f 100644
--- a/Client/src/pages/contents/about.jsx
+++ b/Client/src/pages/contents/about.jsx
@@ -79,7 +79,7 @@ export default function Staff() {
 						อาจารย์ที่ปรึกษาชมรม
 					</h2>
 
-					<div className="mt-8 mx-auto grid gap-10 md:grid-cols-2 lg:grid-cols-2 xl:grid-cols-2">
+					<div className="mx-auto mt-8 grid gap-10 md:grid-cols-2 lg:grid-cols-2 xl:grid-cols-2">
 						{lecturerData.map((item, index) => (
 							<Card className="p-4 text-center" key={index}>
 								<div className="flex flex-col items-center">
@@ -124,8 +124,12 @@ export default function Staff() {
 									</div>
 									<CardBody className="gap-3">
 										<div className="text-center">
-											<h4 className="mt-4 text-lg font-semibold">{item.title}</h4>
-											<h4 className="text-sm text-gray-500">{item.staffrole}</h4>
+											<h4 className="mt-4 text-lg font-semibold">
+												{item.title}
+											</h4>
+											<h4 className="text-sm text-gray-500">
+												{item.staffrole}
+											</h4>
 											<h4 className="text-sm text-gray-500">{item.faculty}</h4>
 											<h4 className="text-sm text-gray-500">{item.major}</h4>
 										</div>
diff --git a/Client/src/pages/contents/tournaments.jsx b/Client/src/pages/contents/tournaments.jsx
index e00b781..efda828 100644
--- a/Client/src/pages/contents/tournaments.jsx
+++ b/Client/src/pages/contents/tournaments.jsx
@@ -1,6 +1,6 @@
+import NavTorunaments from "@/components/navtour";
 import Head from "next/head";
 import React from "react";
-import NavTorunaments from "@/components/navtour";
 
 export default function Tournaments() {
 	return (
@@ -12,7 +12,7 @@ export default function Tournaments() {
 				<link href="/logo.ico" rel="icon" />
 			</Head>
 			<div className="mx-auto max-w-7xl text-center sm:px-6 lg:px-8">
-				<h2 className="tracking-tig ht text-3xl  font-bold sm:text-4xl py-5">
+				<h2 className="tracking-tig ht py-5  text-3xl font-bold sm:text-4xl">
 					รายการแข่งขัน
 				</h2>
 				<NavTorunaments />
diff --git a/Client/src/pages/index.jsx b/Client/src/pages/index.jsx
index aa03444..3561e1f 100644
--- a/Client/src/pages/index.jsx
+++ b/Client/src/pages/index.jsx
@@ -1,3 +1,5 @@
+// Test
+import ROV from "@/assets/game/rov.jpg";
 import { subtitle, title } from "@/components/primitives";
 import { GameListData } from "@/data/game";
 import { Link } from "@nextui-org/link";
@@ -6,9 +8,6 @@ import Head from "next/head";
 import Image from "next/image";
 import React from "react";
 
-// Test 
-import ROV from "@/assets/game/rov.jpg"
-
 export default function Home() {
 	return (
 		<div>
diff --git a/Client/src/pages/teams/[teamlist].jsx b/Client/src/pages/teams/[teamlist].jsx
index 4a3cd6e..41b1b93 100644
--- a/Client/src/pages/teams/[teamlist].jsx
+++ b/Client/src/pages/teams/[teamlist].jsx
@@ -1,7 +1,7 @@
 // Components
 // Data
 import { TeamData } from "@/data/team";
-import { Card, CardBody, } from "@nextui-org/react";
+import { Card, CardBody } from "@nextui-org/react";
 import Head from "next/head";
 import Image from "next/image";
 import { useRouter } from "next/router";