메뉴 정보 onclick으로 수정.

apps/wr/app/page.tsx

@@ -1,8 +1,9 @@
 "use client";
-import Link from "next/link";
 import { Button } from "@common/components/ui";
+import { useRouter } from "next/navigation";
 
 export default function Home() {
+  const router = useRouter();
   return (
     <>
       <div className="flex flex-col gap-8 p-6">
@@ -11,27 +12,23 @@ export default function Home() {
           <h2 className="text-xl font-semibold mb-4">시설 등록</h2>
           <div className="grid grid-cols-12 gap-4">
             <div className="col-span-2">
-              <Button className="w-full">
-                <Link href="ruseFcltMng/fcltReg/pbnstReg">
+              <Button className="w-full" onClick={() => {router.push('/ruseFcltMng/fcltReg/pbnstReg')}}>
                   하수재이용 시설 등록
-                </Link>
               </Button>
             </div>
             <div className="col-span-2">
-              <Button className="w-full">
-                <Link href="ruseFcltMng/fcltReg/rainReg">
+              <Button className="w-full" onClick={() => {router.push('/ruseFcltMng/fcltReg/rainReg')}}>
                   빗물재이용 시설 등록
-                </Link>
               </Button>
             </div>
             <div className="col-span-2">
-              <Button className="w-full">
-                <Link href="ruseFcltMng/fcltReg/rswtReg">중수도시설 등록</Link>
+              <Button className="w-full" onClick={() => {router.push('/ruseFcltMng/fcltReg/rswtReg')}}>
+                중수도시설 등록
               </Button>
             </div>
             <div className="col-span-2">
-              <Button className="w-full">
-                <Link href="ruseFcltMng/fcltReg/htdflReg">온배수 등록</Link>
+              <Button className="w-full" onClick={() => {router.push('/ruseFcltMng/fcltReg/htdflReg')}}>
+                온배수시설 등록
               </Button>
             </div>
           </div>
@@ -42,29 +39,23 @@ export default function Home() {
           <h2 className="text-xl font-semibold mb-4">지도점검 결과</h2>
           <div className="grid grid-cols-12 gap-4">
             <div className="col-span-2">
-              <Button className="w-full">
-                <Link href="ruseFcltMng/prfmncReg/pbnstPrfmncReg">
+              <Button className="w-full" onClick={() => {router.push('/ruseFcltMng/prfmncReg/pbnstPrfmncReg')}}>
                   하수재이용실적 등록
-                </Link>
               </Button>
             </div>
             <div className="col-span-2">
-              <Button className="w-full">
-                <Link href="ruseFcltMng/prfmncSttn/pbnstPrfmncSttn">
+              <Button className="w-full" onClick={() => {router.push('/ruseFcltMng/prfmncSttn/pbnstPrfmncSttn')}}>
                   하수재이용실적 현황
-                </Link>
               </Button>
             </div>
             <div className="col-span-2">
-              <Button className="w-full">
-                <Link href="ruseFcltMng/prfmncReg/chkgdnReg">
+              <Button className="w-full" onClick={() => {router.push('/ruseFcltMng/prfmncReg/chkgdnReg')}}>
                   지도점검 결과 등록
-                </Link>
               </Button>
             </div>
             <div className="col-span-2">
-              <Button className="w-full">
-                <Link href="ruseFcltMng/prfmncSttn/chkgdnSttn">지도점검 결과 현황</Link>
+              <Button className="w-full" onClick={() => {router.push('/ruseFcltMng/prfmncSttn/chkgdnSttn')}}>
+                  지도점검 결과 현황
               </Button>
             </div>
           </div>
@@ -75,31 +66,23 @@ export default function Home() {
           <h2 className="text-xl font-semibold mb-4">시설 현황</h2>
           <div className="grid grid-cols-12 gap-4">
             <div className="col-span-2">
-              <Button className="w-full">
-                <Link href="ruseFcltMng/fcltSttn/pbnstSttn">
+              <Button className="w-full" onClick={() => {router.push('/ruseFcltMng/fcltSttn/pbnstSttn')}}>
                   하수재이용시설현황
-                </Link>
               </Button>
             </div>
             <div className="col-span-2">
-              <Button className="w-full">
-                <Link href="ruseFcltMng/fcltSttn/rainSttn">
+              <Button className="w-full" onClick={() => {router.push('/ruseFcltMng/fcltSttn/rainSttn')}}>
                   빗물재이용시설현황
-                </Link>
               </Button>
             </div>
             <div className="col-span-2">
-              <Button className="w-full">
-                <Link href="ruseFcltMng/fcltSttn/rswtSttn">
+              <Button className="w-full" onClick={() => {router.push('/ruseFcltMng/fcltSttn/rswtSttn')}}>
                   중수도이용시설현황
-                </Link>
               </Button>
             </div>
             <div className="col-span-2">
-              <Button className="w-full">
-                <Link href="ruseFcltMng/fcltSttn/htdflSttn">
+              <Button className="w-full" onClick={() => {router.push('/ruseFcltMng/fcltSttn/htdflSttn')}}>
                   온배수현황
-                </Link>
               </Button>
             </div>
           </div>
@@ -111,18 +94,18 @@ export default function Home() {
           <div className="grid grid-cols-12 gap-4">
          
             <div className="col-span-2">
-              <Button className="w-full">
-                <Link href="matMng/coMng/coSttn">수요처 관리</Link>
+              <Button className="w-full" onClick={() => {router.push('/matMng/coMng/coSttn')}}>
+                수요처 관리
               </Button>
             </div>
             <div className="col-span-2">
-              <Button className="w-full">
-                <Link href="matMng/coMng/ldrmntCoSttn">잠재수요처 관리</Link>
+              <Button className="w-full" onClick={() => {router.push('/matMng/coMng/ldrmntCoSttn')}}>
+                잠재수요처 관리
               </Button>
             </div>
             <div className="col-span-2">
-              <Button className="w-full">
-                <Link href="matMng/coMng/drgtSttn">우리동네가뭄</Link>
+              <Button className="w-full" onClick={() => {router.push('/matMng/coMng/drgtSttn')}}>
+                우리동네가뭄
               </Button>
             </div>
           </div>
@@ -133,18 +116,18 @@ export default function Home() {
           <h2 className="text-xl font-semibold mb-4">수요처 매칭</h2>
           <div className="grid grid-cols-12 gap-4">
             <div className="col-span-2">
-              <Button className="w-full">
-                <Link href="matMng/coMat/coMatRvw">수요처 매칭 검토</Link>
+              <Button className="w-full" onClick={() => {router.push('/matMng/coMat/coMatRvw')}}>
+                수요처 매칭 검토
               </Button>
             </div>
             <div className="col-span-2">
-              <Button className="w-full">
-                <Link href="matMng/coMat/ruseRvwHstry">재이용검토이력</Link>
+              <Button className="w-full" onClick={() => {router.push('/matMng/coMat/ruseRvwHstry')}}>
+                재이용검토이력
               </Button>
             </div>
             <div className="col-span-2">
-              <Button className="w-full">
-                <Link href="matMng/coMat/ruseCaseMng">물재이용사례 관리</Link>
+              <Button className="w-full" onClick={() => {router.push('/matMng/coMat/ruseCaseMng')}}>
+                물재이용사례 관리
               </Button>
             </div>
           </div>
@@ -154,18 +137,18 @@ export default function Home() {
           <h2 className="text-xl font-semibold mb-4">통계 매칭</h2>
           <div className="grid grid-cols-12 gap-4">
             <div className="col-span-2">
-              <Button className="w-full">
-                <Link href="stats/rainStat">빗물재이용시설통계</Link>
+              <Button className="w-full" onClick={() => {router.push('/stats/rainStat')}}>
+                빗물재이용시설통계
               </Button>
             </div>
             <div className="col-span-2">
-              <Button className="w-full">
-                <Link href="stats/rswtStat">중수도시설통계</Link>
+              <Button className="w-full" onClick={() => {router.push('/stats/rswtStat')}}>
+                중수도시설통계
               </Button>
             </div>
             <div className="col-span-2">
-              <Button className="w-full">
-                <Link href="stats/matStat">물재이용사례 관리</Link>
+              <Button className="w-full" onClick={() => {router.push('/stats/matStat')}}>
+                물재이용사례 관리
               </Button>
             </div>
           </div>