feat(header): create basic header

src/App.vue

@@ -1,5 +1,10 @@
-<script setup lang="ts"></script>
+<template>
+  <div class="min-h-screen flex flex-col">
+    <StaHeader />
+    <main class="grow px-6 py-10 max-w-4xl mx-auto w-full"></main>
+  </div>
+</template>
 
-<template></template>
+<script setup lang="ts">
-
+import StaHeader from './components/StaHeader.vue';
-<style scoped></style>
+</script>

src/components/StaHeader.vue

@@ -0,0 +1,13 @@
+<template>
+  <header
+    class="sticky top-0 z-10 bg-background-900 border-b border-background-900 shadow-sm px-6 py-4"
+  >
+    <nav class="flex items-center justify-between max-w-4xl mx-auto">
+      <span class="font-heading text-lg"> STA </span>
+    </nav>
+  </header>
+</template>
+
+<script setup lang="ts"></script>
+
+<style lang="less"></style>