Added Secondary button back to first-page as per Design (#216)

frontend/src/app/page.tsx

@@ -1,4 +1,4 @@
-import PrimaryButton from "@/components/PrimaryButton";
+import SecondaryButton from "@/components/SecondaryButton";
 import { fetchWithToken } from "@/data/fetchWithToken";
 import { Organisation } from "@/types";
 import Link from "next/link";
@@ -10,7 +10,7 @@ export default async function Root() {
       {orgs.map((o) => (
         <li key={o.urlKey}>
           <Link href={`/${o.urlKey}/bemanning`}>
-            <PrimaryButton label={o.name} />
+            <SecondaryButton label={o.name} />
           </Link>
         </li>
       ))}

frontend/src/components/SecondaryButton.tsx

@@ -0,0 +1,18 @@
+export default function SecondaryButton({
+  label,
+  onClick,
+}: {
+  label: string;
+  onClick?: () => void;
+}) {
+  return (
+    <button
+      className="h-10 p-3 rounded-lg border border-primary_l1 justify-center items-center gap-2 inline-flex hover:bg-primary_default hover:border-primary_default hover:bg-opacity-10"
+      onClick={onClick}
+    >
+      <div className=" text-primary_default text-sm font-semibold leading-none">
+        {label}
+      </div>
+    </button>
+  );
+}