React Component with TypeScript

Create a React functional component with the following specifications:

Component Name: {{ComponentName}}
Purpose: {{Description}}

Requirements:
1. Use TypeScript with proper interface definitions
2. Include JSDoc comments for the component and its props
3. Implement proper error boundaries if needed
4. Use React.memo() if the component is a candidate for memoization
5. Follow the single responsibility principle
6. Include proper accessibility attributes (aria-labels, roles)
7. Use semantic HTML elements
8. Implement proper loading and error states

The component should be:
- Fully typed with no 'any' types
- Optimized for performance
- Following React 19 best practices
- Compatible with Server Components where applicable