refactor: clean up imports and enhance type definitions across multiple components for improved clarity and maintainability

components/layout/page-header.tsx

@@ -4,7 +4,7 @@ import { ReactNode } from "react";
 
 interface PageHeaderProps {
   title: string;
-  description?: string;
+  description?: string | ReactNode;
   actions?: ReactNode;
   rightContent?: ReactNode;
 }
@@ -20,7 +20,7 @@ export function PageHeader({
       <div>
         <h1 className="text-2xl font-bold text-foreground">{title}</h1>
         {description && (
-          <p className="text-muted-foreground">{description}</p>
+          <div className="text-muted-foreground">{description}</div>
         )}
       </div>
       {rightContent}

components/transactions/transaction-table.tsx

@@ -48,8 +48,8 @@ export function TransactionTable({
   accounts,
   categories,
   selectedTransactions,
-  sortField,
-  sortOrder,
+  sortField: _sortField,
+  sortOrder: _sortOrder,
   onSortChange,
   onToggleSelectAll,
   onToggleSelectTransaction,

components/ui/category-filter-combobox.tsx

@@ -2,7 +2,6 @@
 
 import { useState, useMemo } from "react";
 import { Button } from "@/components/ui/button";
-import { Badge } from "@/components/ui/badge";
 import {
   Command,
   CommandEmpty,

components/ui/use-toast.ts

@@ -15,7 +15,7 @@ type ToasterToast = ToastProps & {
   action?: ToastActionElement;
 };
 
-const actionTypes = {
+const _actionTypes = {
   ADD_TOAST: "ADD_TOAST",
   UPDATE_TOAST: "UPDATE_TOAST",
   DISMISS_TOAST: "DISMISS_TOAST",
@@ -29,7 +29,7 @@ function genId() {
   return count.toString();
 }
 
-type ActionType = typeof actionTypes;
+type ActionType = typeof _actionTypes;
 
 type Action =
   | {