fix(breadcrumb-bar): rename to breadcrumb

src/components/General/Breadcrumb/Breadcrumb.stories.tsx

@@ -1,15 +1,15 @@
 import type { Meta, StoryObj } from '@storybook/react'
 
-import BreadcrumbBar from './BreadcrumbBar'
+import Breadcrumb from './Breadcrumb'
 
 const meta = {
-  title: 'General/BreadcrumbBar',
-  component: BreadcrumbBar,
+  title: 'General/Breadcrumb',
+  component: Breadcrumb,
   parameters: {
     layout: 'top',
   },
   tags: ['autodocs'],
-} satisfies Meta<typeof BreadcrumbBar>
+} satisfies Meta<typeof Breadcrumb>
 
 export default meta
 type Story = StoryObj<typeof meta>

src/components/General/Breadcrumb/Breadcrumb.tsx

@@ -2,13 +2,13 @@ import { Text } from '@status-im/components'
 import { ChevronRightIcon } from '@status-im/icons'
 import { XStack } from 'tamagui'
 
-import './BreadcrumbBar.css'
+import './Breadcrumb.css'
 
 type BreadcrumbBarProps = {
   breadcrumbList: string[]
 }
 
-const BreadcrumbBar = ({ breadcrumbList }: BreadcrumbBarProps) => {
+const Breadcrumb = ({ breadcrumbList }: BreadcrumbBarProps) => {
   return (
     <nav className="breadcrumb-bar-nav">
       <ul className="breadcrumb-bar-ul">
@@ -28,4 +28,4 @@ const BreadcrumbBar = ({ breadcrumbList }: BreadcrumbBarProps) => {
   )
 }
 
-export default BreadcrumbBar
+export default Breadcrumb

src/pages/ManageValidator/RightManagePanels/PanelContent.tsx

@@ -1,7 +1,8 @@
 import { Text } from '@status-im/components'
 import { ExpandRsIcon } from '@status-im/icons'
 import { XStack, YStack } from 'tamagui'
-import BreadcrumbBar from '../../../components/General/BreadcrumbBar/BreadcrumbBar'
+
+import Breadcrumb from '../../../components/General/Breadcrumb/Breadcrumb'
 
 type PanelContentProps = {
   children: React.ReactNode
@@ -21,7 +22,7 @@ const PanelContent = ({
       space={'$3'}
       style={{ padding: isModalWidth ? 0 : '30px', alignItems: 'start' }}
     >
-      <BreadcrumbBar
+      <Breadcrumb
         breadcrumbList={[
           'Validator Management',
           'Manage Validator',