corrections to breadcrumbs and imports

remove extra breadcrumb that was not appropriate to include and change imports to be at the top of the page

app/routes/docs.client.samples.md

@@ -3,6 +3,9 @@ handle:
   breadcrumb: Sample Code
 ---
 
+import { Highlight } from '~/components/Highlight'
+import { Tab, Tabs } from '~/components/tabs'
+
 # Sample Code
 
 Here is a collection of functions and example code that may be useful
@@ -165,16 +168,6 @@ for message in consumer.consume(end[0].offset - start[0].offset, timeout=1):
     print(message.value())
 ```
 
----
-
-handle:
-breadcrumb: HEALPix Maps
-
----
-
-import { Highlight } from '~/components/Highlight'
-import { Tab, Tabs } from '~/components/tabs'
-
 ## HEALPix Sky Maps
 
 HEALPix stands for <b>H</b>ierarchical, <b>E</b>qual <b>A</b>rea, and iso-<b>L</b>atitude <b>Pix</b>elisation is a scheme for indexing positions on the unit sphere.