feat(Page): move breadcrumb header to the layout and add a logo section

src/app/ui/Layout.svelte

@@ -10,6 +10,7 @@
  *
  * - Footer area (currently empty, reserved for future use)
  */
+import { BreadcrumbHeader } from '$entities/Breadcrumb';
 import favicon from '$shared/assets/favicon.svg';
 import { ScrollArea } from '$shared/shadcn/ui/scroll-area';
 import { Provider as TooltipProvider } from '$shared/shadcn/ui/tooltip';
@@ -35,10 +36,16 @@ let { children }: Props = $props();
         href="https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200..800;1,200..800&display=swap"
         rel="stylesheet"
     >
+    <link
+        href="https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Karla:wght@300&display=swap"
+        rel="stylesheet"
+    >
 </svelte:head>
 
 <div id="app-root" class="min-h-screen flex flex-col bg-background">
-    <header></header>
+    <header>
+        <BreadcrumbHeader />
+    </header>
 
     <!-- <ScrollArea class="h-screen w-screen"> -->
     <main class="flex-1 h-full w-full max-w-6xl mx-auto px-4 pt-6 pb-10 md:px-8 lg:pt-10 lg:pb-20 relative">