Lint issues fix

Author: pkorrakuti-mvrk

src/app/(app)/admin/loans/new/new-loan-form.tsx

@@ -1,6 +1,7 @@
 'use client'
 
 import { useActionState, useEffect } from 'react'
+import Link from 'next/link'
 import { useRouter } from 'next/navigation'
 import { createLoan } from '@/lib/actions/loans'
 import { todayISO } from '@/lib/format'
@@ -126,12 +127,12 @@ export function NewLoanForm({
       )}
 
       <div className="flex justify-end gap-3">
-        <a
+        <Link
           href="/dashboard/loans"
           className="rounded-md border border-gray-300 px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50"
         >
           Cancel
-        </a>
+        </Link>
         <button
           type="submit"
           disabled={pending}

src/app/(app)/admin/transactions/[transaction_id]/edit-transaction-form.tsx

@@ -1,6 +1,7 @@
 'use client'
 
 import { useActionState, useEffect, useState } from 'react'
+import Link from 'next/link'
 import { useRouter } from 'next/navigation'
 import { updateTransaction } from '@/lib/actions/transactions'
 import { CONTRIBUTION_TYPES, type ContributionType } from '@/lib/constants'
@@ -225,12 +226,12 @@ export function EditTransactionForm({
       )}
 
       <div className="flex justify-end gap-3">
-        <a
+        <Link
           href="/admin/transactions"
           className="rounded-md border border-gray-300 px-3 py-1.5 text-sm font-medium text-gray-700 hover:bg-gray-50"
         >
           Cancel
-        </a>
+        </Link>
         <button
           type="submit"
           disabled={pending}

src/app/(app)/dashboard/contributions/contributions-filters.tsx

@@ -86,7 +86,6 @@ export function ContributionsFilters({
             options={members}
             selected={memberIds}
             label={memberLabel}
-            allLabel="All members"
             onChange={(next) => {
               setMemberIds(next)
               push({ members: next })
@@ -102,7 +101,6 @@ export function ContributionsFilters({
             options={TYPE_OPTIONS}
             selected={types}
             label={typeLabel}
-            allLabel="All types"
             onChange={(next) => {
               setTypes(next as TypeKey[])
               push({ types: next as TypeKey[] })
@@ -158,13 +156,11 @@ function MultiSelect({
   options,
   selected,
   label,
-  allLabel,
   onChange,
 }: {
   options: Option[]
   selected: string[]
   label: string
-  allLabel: string
   onChange: (next: string[]) => void
 }) {
   const [open, setOpen] = useState(false)

src/components/searchable-select.tsx

@@ -67,11 +67,6 @@ export function SearchableSelect({
     return () => document.removeEventListener('mousedown', onClick)
   }, [open])
 
-  // Reset highlight whenever filter changes or dropdown opens.
-  useEffect(() => {
-    if (open) setHighlight(0)
-  }, [query, open])
-
   // Focus the search input when opening.
   useEffect(() => {
     if (open) searchRef.current?.focus()
@@ -119,7 +114,11 @@ export function SearchableSelect({
 
       <button
         type="button"
-        onClick={() => !disabled && setOpen((v) => !v)}
+        onClick={() => {
+          if (disabled) return
+          if (!open) setHighlight(0)
+          setOpen((v) => !v)
+        }}
         disabled={disabled}
         aria-haspopup="listbox"
         aria-expanded={open}
@@ -141,7 +140,10 @@ export function SearchableSelect({
               ref={searchRef}
               type="text"
               value={query}
-              onChange={(e) => setQuery(e.target.value)}
+              onChange={(e) => {
+                setQuery(e.target.value)
+                setHighlight(0)
+              }}
               onKeyDown={onKeyDown}
               placeholder="Type to search…"
               className="block w-full rounded-md border border-gray-200 bg-gray-50 px-3 py-1.5 text-sm focus:border-blue-500 focus:outline-none focus:ring-1 focus:ring-blue-500"