NA - Added header component with go and wordmark

apps/frontend/src/components/Header/Header.stories.ts

@@ -0,0 +1,20 @@
+import type { Meta, StoryObj } from '@storybook/react';
+
+import { Header } from './Header';
+
+const meta = {
+  title: 'Example/Header',
+  component: Header,
+  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs
+  tags: ['autodocs'],
+  parameters: {
+    // More on how to position stories at: https://storybook.js.org/docs/configure/story-layout
+    layout: 'fullscreen',
+  },
+} satisfies Meta<typeof Header>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+
+export const DefaultHeader: Story = {};

apps/frontend/src/components/Header/Header.tsx

@@ -0,0 +1,17 @@
+import React from 'react';
+import logo from '../../assets/icons/logo.svg';
+import wordmark from '../../assets/icons/wordmark-cognizant.svg';
+
+export const Header = () => (
+  <header>
+    <div className="flex justify-between mx-12 py-[18px]">
+      <div className='flex'>
+        <img src={logo} alt="logo" />
+        <img src={wordmark} alt="wordmark" />
+      </div>
+      <div>
+        <span className='font-gellix text-midnight-blue text-[20px] leading-5 font-semibold'>Solari Astrocraft</span>
+      </div>
+    </div>
+  </header>
+);