diff --git a/app/components/Breadcrumb/Breadcrumb.tsx b/app/components/Breadcrumb/Breadcrumb.tsx
index 89083d78..2a3de336 100644
--- a/app/components/Breadcrumb/Breadcrumb.tsx
+++ b/app/components/Breadcrumb/Breadcrumb.tsx
@@ -7,11 +7,11 @@ interface Page {
   link: string;
 }
 
-interface BreadcrumbProps {
+interface BreadcrumbProperties {
   pages: Page[];
 }
 
-const Breadcrumb: React.FC<BreadcrumbProps> = ({ pages }) => {
+const Breadcrumb: React.FC<BreadcrumbProperties> = ({ pages }) => {
   return (
     <nav aria-label="breadcrumb" className="flex items-center">
       {pages.map((page, index) => (
@@ -22,7 +22,7 @@ const Breadcrumb: React.FC<BreadcrumbProps> = ({ pages }) => {
             isCurrent={index === pages.length - 1}
           />
           {index < pages.length - 1 && (
-            <span className="flex items-center mx-2">
+            <span className="mx-2 flex items-center">
               <BreadcrumbSeparator />
             </span>
           )}
diff --git a/app/components/Breadcrumb/BreadcrumbItem.tsx b/app/components/Breadcrumb/BreadcrumbItem.tsx
index d43ac1f6..89fbcab9 100644
--- a/app/components/Breadcrumb/BreadcrumbItem.tsx
+++ b/app/components/Breadcrumb/BreadcrumbItem.tsx
@@ -1,13 +1,13 @@
-import React from "react";
 import { Link } from "@remix-run/react";
+import React from "react";
 
-interface BreadcrumbItemProps {
+interface BreadcrumbItemProperties {
   name: string;
   link: string;
   isCurrent: boolean;
 }
 
-const BreadcrumbItem: React.FC<BreadcrumbItemProps> = ({
+const BreadcrumbItem: React.FC<BreadcrumbItemProperties> = ({
   name,
   link,
   isCurrent,
diff --git a/app/components/Breadcrumb/BreadcrumbProvider.tsx b/app/components/Breadcrumb/BreadcrumbProvider.tsx
index ff167127..8ae5f561 100644
--- a/app/components/Breadcrumb/BreadcrumbProvider.tsx
+++ b/app/components/Breadcrumb/BreadcrumbProvider.tsx
@@ -1,10 +1,10 @@
-import React from "react";
 import { useLocation } from "@remix-run/react";
+import React from "react";
 import Breadcrumb from "./Breadcrumb";
 
 const BreadcrumbProvider: React.FC = () => {
   const location = useLocation();
-  const pathnames = location.pathname.split("/").filter((x: string) => x);
+  const pathnames = location.pathname.split("/").filter(Boolean);
 
   const breadcrumbPages = pathnames.map((pathname: string, index: number) => {
     const link = `/${pathnames.slice(0, index + 1).join("/")}`;
diff --git a/app/components/Breadcrumb/BreadcrumbSeparator.tsx b/app/components/Breadcrumb/BreadcrumbSeparator.tsx
index 02a25b9d..02c161a5 100644
--- a/app/components/Breadcrumb/BreadcrumbSeparator.tsx
+++ b/app/components/Breadcrumb/BreadcrumbSeparator.tsx
@@ -15,4 +15,4 @@ const BreadcrumbSeparator: React.FC = () => (
   </svg>
 );
 
-export default BreadcrumbSeparator;
+export default BreadcrumbSeparator;
\ No newline at end of file