fix: update dependencies in useEffect hooks and improve router usage in SidebarItem

src/app/components/Header/index.tsx

@@ -45,6 +45,7 @@ export const Header = ({ user }: { user?: User }) => {
 		fetchClass().then(() => {
 			if (selectedClass) setSelectedClass(classes[0]);
 		});
+		// eslint-disable-next-line react-hooks/exhaustive-deps
 	}, []);
 
 	return (

src/app/components/Room/Table.tsx

@@ -10,7 +10,7 @@ export const RoomTable = () => {
 
 	useEffect(() => {
 		fetchRooms();
-	}, [selectedClass]);
+	}, [fetchRooms, selectedClass]);
 
 	return (
 		<div className="flex flex-col gap-4">

src/app/components/Sidebar/item.tsx

@@ -11,9 +11,11 @@ export const SidebarItem = ({
 	icon: React.ReactNode;
 	href: string;
 }) => {
+	const router = useRouter();
+
 	return (
 		<Link
-			onPress={() => useRouter().push(href)}
+			onPress={() => router.push(href)}
 			color="foreground"
 			className="w-full px-2 py-1 gap-2"
 		>