feat: created Drsquatch header component and json file

src/modules/layout/templates/vt-nav/index.tsx

@@ -1,5 +1,6 @@
 import { DynamicLayoutRenderer } from "vibentec/renderer"
 import { LayoutComponentDefinition, LayoutContext } from "vibentec/component-map";
+import { clx } from "@medusajs/ui";
 
 interface BannerNavProps {
   className?: string;
@@ -12,7 +13,7 @@ export default function VtNav({ nodes, context }: { nodes: LayoutComponentDefini
 
   return (
     <div className="relative mx-auto border-b duration-200 bg-white border-ui-border-base">
-      <nav className="content-container txt-xsmall-plus text-ui-fg-subtle flex items-center justify-between w-full h-full text-small-regular">
+      <nav className={clx("content-container txt-xsmall-plus flex items-center justify-between w-full h-full text-small-regular", props.className)}>
         <div className="flex items-center gap-x-4">
           {props.left && <DynamicLayoutRenderer nodes={props.left} context={context} />}
         </div>