Refactor urlIsActive function to improve URL matching logic

Author: ChanDarong

resources/js/lib/utils.ts

@@ -7,7 +7,17 @@ export function cn(...inputs: ClassValue[]) {
 }
 
 export function urlIsActive(urlToCheck: NonNullable<InertiaLinkProps['href']>, currentUrl: string) {
-    return toUrl(urlToCheck) === currentUrl;
+    const checkUrl = toUrl(urlToCheck);
+
+    if (checkUrl === '/' && currentUrl === '/') {
+        return true;
+    }
+
+    if (checkUrl !== '/' && currentUrl.startsWith(checkUrl)) {
+        return true;
+    }
+
+    return false;
 }
 
 export function toUrl(href: NonNullable<InertiaLinkProps['href']>) {