feat: Add more base component to UI

packages/ui/src/components/Breadcrumbs/Breadcrumbs.test.tsx

@@ -1,10 +1,10 @@
 import React from 'react';
 
 import { Breadcrumbs } from './Breadcrumbs';
-import { render, screen } from '../../../test-utils';
+import { render, screen } from '../../test-utils';
 import { Link } from '../Link/Link';
 
-describe('components/generic/Breadcrumbs', () => {
+describe('components/Breadcrumbs', () => {
   it('renders correctly with multiple items and separators', () => {
     render(
       <Breadcrumbs>
@@ -15,7 +15,7 @@ describe('components/generic/Breadcrumbs', () => {
         <Breadcrumbs.Item>Current</Breadcrumbs.Item>
       </Breadcrumbs>
     );
-    
+
     expect(screen.getByRole('navigation')).toHaveAttribute('aria-label', 'Breadcrumb');
     expect(screen.getByRole('link', { name: 'Home' })).toBeInTheDocument();
     expect(screen.getByText('/')).toBeInTheDocument();

packages/ui/src/components/Breadcrumbs/Breadcrumbs.tsx

@@ -32,11 +32,11 @@ const BreadcrumbsRoot = memo(function Breadcrumbs({ children, ...props }: Breadc
 /**
  * Individual step in the breadcrumb trail.
  */
-const BreadcrumbsItem = memo(function BreadcrumbsItem({ 
-  children, 
+const BreadcrumbsItem = memo(function BreadcrumbsItem({
+  children,
   className,
   'data-testid': testId,
-}: { 
+}: {
   children: React.ReactNode;
   className?: string;
 } & TestIdProps) {
@@ -57,7 +57,7 @@ export interface BreadcrumbsSeparatorProps extends ClassNameProps, TestIdProps {
   variant?: 'slash' | 'bull' | 'arrow';
 }
 
-const BreadcrumbsSeparator = memo(function BreadcrumbsSeparator({ 
+const BreadcrumbsSeparator = memo(function BreadcrumbsSeparator({
   variant = 'slash',
   className,
   'data-testid': testId,
@@ -69,8 +69,8 @@ const BreadcrumbsSeparator = memo(function BreadcrumbsSeparator({
   };
 
   return (
-    <li 
-      aria-hidden="true" 
+    <li
+      aria-hidden="true"
       className={cn('text-[var(--rb-muted-text)]', className)}
       data-testid={testId}
     >
@@ -83,10 +83,10 @@ const BreadcrumbsSeparator = memo(function BreadcrumbsSeparator({
 
 /**
  * A hierarchical navigation component.
- * 
+ *
  * Breadcrumbs provides a flexible way to display the current location within
  * a site's hierarchy. It uses a compound component pattern for maximum flexibility.
- * 
+ *
  * @example
  * ```tsx
  * <Breadcrumbs>