add entry page with tailwind examples 😅

components/header.tsx

@@ -7,9 +7,11 @@ export default function Header({ label = 'Pfadi Bussle' }: { label?: string }) {
   const { username, role } = useContext(UserContext)
   return (
     <>
-      <div className="flex flex-row items-center p-3 my-3 text-white bg-gray-600 rounded-sm">
+      <div className="flex flex-row items-center p-3 my-3 text-white bg-gray-400 rounded-sm">
         <h1 className="mr-3 flex-grow text-2xl">
-          <Link href="/">{label}</Link>
+          <Link href="/">
+            <a className="text-indigo-600 font-extrabold">{label}</a>
+          </Link>
         </h1>
         <Logo className="w-40 flex-shrink-0 text-white" />
       </div>