basic search working

src/app/(frontend)/_components/Header.tsx

@@ -0,0 +1,27 @@
+import Image from 'next/image'
+import HTLDLogo from '@/app/(frontend)/htld.svg'
+import { SignOutButton } from '@/app/(frontend)/_components/SignOutButton'
+import { SignInButton } from '@/app/(frontend)/_components/SignInButton'
+import React from 'react'
+import { getPayloadSession } from 'payload-authjs'
+
+
+export default async function Header(){
+  const session = await getPayloadSession();
+  return (
+    <header className="w-full h-20 bg-htl-red flex flex-row  items-center p-2 gap-4 shadow-lg justify-between">
+      <div className="w-auto flex items-center flex-row gap-4">
+        <Image
+          className="h-16 w-auto"
+          src={HTLDLogo}
+          alt={"HTL Dornbirn Logo"}
+        />
+        <p className="text-6xl text-white">Diplom- und Abschlussarbeiten</p>
+      </div>
+      <div className="w-auto">
+        {session ? <SignOutButton /> : <SignInButton />}
+      </div>
+
+    </header>
+  )
+}