vendor dashboard links

components/layout/VendorDashboardSidebar.js

@@ -22,36 +22,44 @@ const Sidebar = () => {
       </button> */}
       <ul>
         <li className={router.pathname === "/vendor/dashboard" ? "active" : ""}>
-          <span className="d-flex">
-            <Image className="" alt="" width={22} height={15} src="/images/vendor/icon-dashboard.svg" />
-            <div className="mx-2 text-center">
-              <Link href="/vendor/dashboard">Dashboard</Link>
-            </div>
-          </span>
+          <Link href="/vendor/dashboard">
+            <span className="d-flex cursor-pointer">
+              <Image className="" alt="" width={22} height={15} src="/images/vendor/icon-dashboard.svg" />
+              <div className="mx-2 text-center">
+                Dashboard
+              </div>
+            </span>
+          </Link>
         </li>
         <li className={router.pathname === "/vendor/enquiries" ? "active" : ""}>
-          <span className="d-flex">
-            <Image alt="" width={22} height={15} src="/images/vendor/icon-orders.svg" />
-            <div className="mx-2 text-center">
-              <Link href="/vendor/enquiries">Enquiries</Link>
-            </div>
-          </span>
+          <Link href="/vendor/enquiries">
+            <span className="d-flex cursor-pointer">
+              <Image alt="" width={22} height={15} src="/images/vendor/icon-orders.svg" />
+              <div className="mx-2 text-center">
+                Enquiries
+              </div>
+            </span>
+          </Link>
         </li>
         <li className={router.pathname === "/vendor/activities" ? "active" : ""}>
-          <span className="d-flex">
-            <Image alt="" width={22} height={15} src="/images/vendor/icon-activities.svg" />
-            <div className="mx-2 text-center">
-              <Link href="/vendor/activities">Activities</Link>
-            </div>
-          </span>
+          <Link href="/vendor/activities">
+            <span className="d-flex cursor-pointer">
+              <Image alt="" width={22} height={15} src="/images/vendor/icon-activities.svg" />
+              <div className="mx-2 text-center">
+                Activities
+              </div>
+            </span>
+          </Link>
         </li>
         <li className={router.pathname === "/vendor/reviews" ? "active" : ""}>
-          <span className="d-flex">
-            <Image alt="" width={22} height={15} src="/images/vendor/icon-orders.svg" />
-            <div className="mx-2 text-center">
-              <Link href="/vendor/reviews">Reviews</Link>
-            </div>
-          </span>
+          <Link href="/vendor/reviews">
+            <span className="d-flex cursor-pointer">
+              <Image alt="" width={22} height={15} src="/images/vendor/icon-orders.svg" />
+              <div className="mx-2 text-center">
+                Reviews
+              </div>
+            </span>
+          </Link>
         </li>
       </ul>
     </div>