Feat: implement back button in settings side nav

src/app/dashboard/(admin)/admin/(settings)/settings/_components/layout/sidebar/index.tsx

@@ -14,7 +14,7 @@ import {
 } from "lucide-react";
 import { useSession } from "next-auth/react";
 import Link from "next/link";
-import { usePathname } from "next/navigation";
+import { usePathname, useRouter } from "next/navigation";
 import { FC, ForwardRefExoticComponent, RefAttributes } from "react";
 
 import { useOrgContext } from "~/contexts/orgContext";
@@ -97,14 +97,15 @@ const SettingsSidebar: FC<Iproperties> = ({ sideNavitems = sideItems }) => {
   const organizationPath = pathname?.split("/")[4];
   const { organizations } = useOrgContext();
   const { data: session } = useSession();
+  const router = useRouter();
 
   const organization = organizations.find(
     (org) => org.organisation_id === session?.currentOrgId,
   );
 
   return (
     <div className="h-screen w-[50px] flex-col items-center justify-center bg-[#FAFAFA] pt-6 md:block md:w-[304px] md:justify-start md:px-4">
-      <div className="mb-6 flex items-center justify-center md:justify-start md:gap-2">
+      <div className="mb-6 flex items-center justify-center md:justify-start md:gap-2 hover:cursor-pointer" onClick={() => router.push("/dashboard")}>
         <ChevronLeft className="h-5 w-5 text-neutral-dark-2" />
         <h2 className="hidden text-xl text-neutral-dark-2 md:block">
           Settings