fix(web): resolve type errors in contact filters and hooks

- Fix Select onValueChange type to accept string | null
- Remove unsupported type prop from Base UI ToggleGroup
- Fix CursorMeta import to avoid barrel export conflict

Generated with oh-my-agent

Co-Authored-By: First Fluke <our.first.fluke@gmail.com>

Author: gracefullight

apps/web/src/app/(main)/contacts/_components/contact-filters.tsx

@@ -32,7 +32,7 @@ export function ContactFilters() {
         />
       </div>
       <div className="flex items-center gap-2">
-        <Select value={filters.sort} onValueChange={(value: string) => setFilters({ sort: value || null })}>
+        <Select value={filters.sort} onValueChange={(value: string | null) => setFilters({ sort: value || null })}>
           <SelectTrigger>
             <SelectValue />
           </SelectTrigger>
@@ -45,7 +45,6 @@ export function ContactFilters() {
           </SelectContent>
         </Select>
         <ToggleGroup
-          type="multiple"
           variant="outline"
           size="sm"
           value={toggleValues}

apps/web/src/app/(main)/contacts/_hooks/use-contacts.ts

@@ -1,7 +1,8 @@
 'use client';
 
 import { useInfiniteQuery } from '@tanstack/react-query';
-import { api, type CursorMeta } from '@/lib/api';
+import { api } from '@/lib/api';
+import type { CursorMeta } from '@/lib/api/types';
 
 export interface Contact {
   id: number;