fix: add correct login button instead of sending everyone to my pages

hooks/useLazyPathname.ts

@@ -1,16 +1,27 @@
 "use client"
-import { usePathname } from "next/navigation"
+import { usePathname, useSearchParams } from "next/navigation"
 import { useEffect, useState } from "react"
 
 /*** This hook is used to get the current pathname (as reflected in window.location.href) of the page. During ssr, the value from usePathname()
  *  is the value return from NextResponse.rewrite() (e.g. the path from the app directory) instead of the actual pathname from the URL.
  */
-export function useLazyPathname() {
+export function useLazyPathname({ includeSearchParams = false } = {}) {
   const pathName = usePathname()
+  const searchParams = useSearchParams()
+
   const [updatedPathName, setUpdatedPathName] = useState<string | null>(null)
 
   useEffect(() => {
-    setUpdatedPathName(pathName)
-  }, [pathName])
-  return updatedPathName ? updatedPathName : null
+    if (!includeSearchParams) {
+      setUpdatedPathName(pathName)
+    } else {
+      const updatedPathname = searchParams.size
+        ? `${pathName}?${searchParams.toString()}`
+        : pathName
+
+      setUpdatedPathName(updatedPathname)
+    }
+  }, [pathName, searchParams, includeSearchParams])
+
+  return updatedPathName
 }