problem: rocket page sux

src/components/RocketDashboard.svelte

@@ -18,6 +18,11 @@
     import { Separator } from "$lib/components/ui/separator/index.js";
     import * as Table from "$lib/components/ui/table/index.js";
     import * as Tabs from "$lib/components/ui/tabs/index.js";
+	import type { NDKEvent } from "@nostr-dev-kit/ndk";
+	import Pie from "./Pie.svelte";
+
+    export let rocket:NDKEvent;
+
   
 </script>
   
@@ -30,19 +35,17 @@
         
         <Breadcrumb.Root class="hidden md:flex">
           <Breadcrumb.List>
-            <Breadcrumb.Item>
+            <Breadcrumb.Item>
               <Breadcrumb.Link href="##">{rocket.getMatchingTags('d')[0][1]}</Breadcrumb.Link>
             </Breadcrumb.Item>
             <Breadcrumb.Separator />
-            <Breadcrumb.Item>
-              <Breadcrumb.Link href="##">Dashboard</Breadcrumb.Link>
-            </Breadcrumb.Item>
-            <Breadcrumb.Separator />
-            <Breadcrumb.Item>
+            <Breadcrumb.Item>
               <Breadcrumb.Page>Dashboard</Breadcrumb.Page>
+            </Breadcrumb.Item>
 
           </Breadcrumb.List>
         </Breadcrumb.Root>
+      </header>
       <Pie />
       <main
         class="grid flex-1 items-start gap-4 p-4 sm:px-6 sm:py-0 md:gap-8 lg:grid-cols-3 xl:grid-cols-3"