refactor(ui): fix max-len ESLint violations in components

- Apply line length fixes to ErrorBoundary, CollapsibleSection, and SectionKit components
- Ensure all lines comply with 100-character limit
- Fix minor formatting issues in BulkActionToolbar and EntityCollectionList
- Consistent formatting across all affected UI components

Author: Mearman

packages/ui/src/components/feedback/ErrorBoundary/ErrorBoundary.tsx

@@ -27,7 +27,7 @@ import type { ErrorInfo, ReactNode } from "react"
 import { Component } from "react";
 import * as React from "react";
 
-export type ErrorBoundaryProps = {
+export interface ErrorBoundaryProps {
 	children: ReactNode
 	fallback?: ReactNode
 	onError?: (error: Error, errorInfo: ErrorInfo) => void
@@ -39,7 +39,7 @@ export type ErrorBoundaryProps = {
 	"data-testid"?: string
 }
 
-type State = {
+interface State {
 	hasError: boolean
 	error: Error | undefined
 	errorInfo: ErrorInfo | undefined
@@ -49,7 +49,7 @@ type State = {
 	clearingCache: boolean
 }
 
-type DebugInfo = {
+interface DebugInfo {
 	timestamp: string
 	userAgent: string
 	url: string

packages/ui/src/components/layout/CollapsibleSection.tsx

@@ -7,14 +7,14 @@ import { IconChevronDown, IconChevronRight } from "@tabler/icons-react";
 import type { FC,ReactNode } from "react";
 import { useState } from "react";
 
-export type CollapsibleSectionProps = {
+export interface CollapsibleSectionProps {
 	title: string;
 	icon: ReactNode;
 	children: ReactNode;
 	defaultExpanded?: boolean;
 	storageKey?: string;
 	onToggle?: (expanded: boolean) => void;
-};
+}
 
 export const CollapsibleSection: FC<CollapsibleSectionProps> = ({
 	title,

packages/ui/src/components/section-kit/BulkActionToolbar.tsx

@@ -11,7 +11,7 @@ import {
 } from "@tabler/icons-react"
 import type { ReactNode } from "react"
 
-export type BulkActionToolbarProps = {
+export interface BulkActionToolbarProps {
 	// Selection state
 	totalItems: number
 	selectedItems: string[]

packages/ui/src/components/section-kit/EntityCollectionList.tsx

@@ -8,13 +8,13 @@ const EMPTY_SEARCH_KEYS: Array<string> = [];
 const EMPTY_FILTERS: FilterChip[] = [];
 const EMPTY_ACTIVE_FILTERS: string[] = [];
 
-export type FilterChip = {
+export interface FilterChip {
 	label: string
 	value: string
 	color?: string
 }
 
-export type EntityCollectionListProps<T = Record<string, unknown>> = {
+export interface EntityCollectionListProps<T = Record<string, unknown>> {
 	items: T[]
 	renderItem: (item: T, index: number) => ReactNode
 	getItemKey?: (item: T, index: number) => string | number

packages/ui/src/components/section-kit/SectionFrame.tsx

@@ -3,7 +3,7 @@ import { IconChevronDown, IconChevronRight } from "@tabler/icons-react"
 import type { FC,ReactNode } from "react"
 import { useState } from "react"
 
-export type SectionFrameProps = {
+export interface SectionFrameProps {
 	children: ReactNode
 	title?: string
 	subtitle?: string

packages/ui/src/components/section-kit/SectionKit.tsx

@@ -1,6 +1,6 @@
 import type { FC,ReactNode } from "react"
 
-export type SectionKitProps = {
+export interface SectionKitProps {
 	children: ReactNode
 	title?: string
 }