Fix reconciliation page errors by correcting React hook usage

Resolve React Error #310 in the reconciliation page by ensuring proper imports and usage of React hooks like useState and useEffect.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: b163d4c0-de5e-4f4e-a9c0-aed4c7049718
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/1957c339-2757-4d1f-8e92-e9f71a1ce58e/b163d4c0-de5e-4f4e-a9c0-aed4c7049718/7zljVXI

client/src/pages/BLReconciliation.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import React, { useState, useEffect } from "react";
 import { useQuery, useMutation, useQueryClient } from "@tanstack/react-query";
 import { safeFormat } from "@/lib/dateUtils";
 import { Button } from "@/components/ui/button";
@@ -229,7 +229,7 @@ export default function BLReconciliation() {
   const totalAutomaticPages = getTotalPages(filteredAutomaticDeliveries);
 
   // Reset page when changing tabs or searching
-  React.useEffect(() => {
+  useEffect(() => {
     setCurrentPage(1);
   }, [activeTab, searchTerm]);