dashboard and ranking made separate routes

components/dashboard/NavBar.tsx

@@ -24,7 +24,7 @@ function NavBar() {
             variants={navIconVariants}
             className="pr-5 lg:pr-0 lg:pt-3 lg:pb-3"
           >
-            <ActiveLink href="/dashboard/ranking">
+            <ActiveLink href="/ranking">
               <RankingIcon />
             </ActiveLink>
           </m.div>

layouts/DashLayout.tsx

@@ -8,7 +8,6 @@ import {
 import Head from "next/head";
 import { useRouter } from "next/router";
 import NavBar from "../components/dashboard/NavBar";
-import { NavTemplate } from "./NavTemplates";
 
 interface DashLayoutProps {
   children: React.ReactNode;