Enhance search functionality and UI improvements

- Added styles for search highlights, including animations for current and other matches.
- Refactored search handling in the FileReader component to improve performance and user experience.
- Introduced a custom `useDebounce` hook for better search input handling.
- Updated various components to utilize type imports for better clarity and consistency.
- Improved accessibility and keyboard navigation in the PDFViewer and related components.

Author: atom7xyz

src/frontend/components/auth/AuthCard.tsx

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import type { ReactNode } from "react";
 import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "../ui/card";
 import { Separator } from "../ui/separator";
 import { cn } from "@/lib/utils";

src/frontend/components/auth/AuthFormContainer.tsx

@@ -1,7 +1,7 @@
 import { Button } from "@/components/ui/button";
 import { FormContainer } from "@/components/form-fields/FormContainer";
-import { ReactNode } from "react";
-import { FieldValues, UseFormReturn } from "react-hook-form";
+import type { ReactNode } from "react";
+import type { FieldValues, UseFormReturn } from "react-hook-form";
 
 interface AuthFormContainerProps<TFieldValues extends FieldValues> {
   form: UseFormReturn<TFieldValues>;

src/frontend/components/auth/AuthPageLayout.tsx

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import type { ReactNode } from "react";
 import cloudsBackground from "../../assets/clouds3.jpg";
 
 interface AuthPageLayoutProps {

src/frontend/components/form-fields/FormCheckbox.tsx

@@ -1,12 +1,12 @@
-import React from "react";
+import type React from "react";
 import { Checkbox } from "@/components/ui/checkbox";
 import { 
   FormControl, 
   FormField, 
   FormItem, 
   FormMessage 
 } from "@/components/ui/form";
-import { UseFormReturn, FieldPath, FieldValues } from "react-hook-form";
+import type { UseFormReturn, FieldPath, FieldValues } from "react-hook-form";
 import { cn } from "@/lib/utils";
 
 interface FormCheckboxProps<

src/frontend/components/form-fields/FormContainer.tsx

@@ -1,7 +1,7 @@
-import React, { ReactNode } from "react";
+import React, { type ReactNode } from "react";
 import { Form } from "@/components/ui/form";
 import UnsavedChangesModal from "@/components/modals/UnsavedChangesModal";
-import { FieldValues, UseFormReturn } from "react-hook-form";
+import type { FieldValues, UseFormReturn } from "react-hook-form";
 import { useFormNavigation } from "@/lib/hooks/useFormNavigation";
 
 interface FormContainerProps<TFieldValues extends FieldValues> {

src/frontend/components/form-fields/FormInput.tsx

@@ -6,7 +6,7 @@ import {
   FormLabel, 
   FormMessage 
 } from "@/components/ui/form";
-import { UseFormReturn, FieldPath, FieldValues } from "react-hook-form";
+import type { UseFormReturn, FieldPath, FieldValues } from "react-hook-form";
 import { cn } from "@/lib/utils";
 
 interface FormInputProps<

src/frontend/components/form-fields/FormOTP.tsx

@@ -1,12 +1,12 @@
-import React, { useEffect, useRef, forwardRef, ForwardedRef, useState } from "react";
+import React, { useEffect, useRef, forwardRef, type ForwardedRef, useState } from "react";
 import { 
   FormControl, 
   FormField, 
   FormItem, 
   FormLabel, 
   FormMessage 
 } from "@/components/ui/form";
-import { UseFormReturn } from "react-hook-form";
+import type { UseFormReturn } from "react-hook-form";
 import { cn } from "@/lib/utils";
 import {
   InputOTP,

src/frontend/components/form-fields/PasswordInput.tsx

@@ -7,7 +7,7 @@ import {
   FormLabel, 
   FormMessage 
 } from "@/components/ui/form";
-import { UseFormReturn, FieldPath, FieldValues } from "react-hook-form";
+import type { UseFormReturn, FieldPath, FieldValues } from "react-hook-form";
 import { Button } from "@/components/ui/button";
 import { EyeIcon, EyeOffIcon } from "lucide-react";
 import { cn } from "@/lib/utils";

src/frontend/components/layout/LeftSidebar.tsx

@@ -1,4 +1,5 @@
-import React, { useState, useEffect } from 'react';
+import type React from 'react';
+import { useState, useEffect } from 'react';
 import { 
   HomeIcon, 
   BookmarkIcon, 

src/frontend/components/layout/MainLayout.tsx

@@ -1,4 +1,5 @@
-import React, { ReactNode } from 'react';
+import type React from 'react';
+import type { ReactNode } from 'react';
 import TopNavbar from './TopNavbar';
 import LeftSidebar from './LeftSidebar';