chore: Update metadata, package.json, and CallToAction component

package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "dev": "concurrently \"yarn:next:dev\" \"yarn:slicemachine\" --names \"next,slicemachine\" --prefix-colors blue,magenta",
+    "dev": "concurrently \"bun:next:dev\" \"bun:slicemachine\" --names \"next,slicemachine\" --prefix-colors blue,magenta",
     "next:dev": "next dev",
     "build": "next build",
     "start": "next start",
@@ -67,5 +67,5 @@
     "tailwindcss": "^3",
     "typescript": "5.2.2"
   },
-  "packageManager": "yarn@4.1.1"
+  "trustedDependencies": ["@biomejs/biome"]
 }

src/app/layout.tsx

@@ -19,11 +19,11 @@ const plusJakartaSans = Plus_Jakarta_Sans({
 });
 const orbitron = Orbitron({ subsets: ["latin"], variable: "--font-orbitron" });
 
-
 const metadataTitle = "TUDSaT";
 const metadataDescription = "TUDSaT is a space focused student association at TU Darmstadt.";
 
 export const metadata: Metadata = {
+  metadataBase: new URL("https://tudsat.space"),
   title: metadataTitle,
   description: metadataDescription,
   openGraph: {

src/slices/CallToAction/index.tsx

@@ -34,10 +34,10 @@ const CallToAction = ({ slice }: CallToActionProps): JSX.Element => {
             <div className="text-3xl font-bold tracking-tight sm:text-4xl">
               <PrismicRichText field={slice.primary.title} />
             </div>
-            <div className="mt-6 text-lg leading-8 text-muted">
+            <div className="mt-6 text-lg leading-8 text-muted-foreground">
               <PrismicRichText field={slice.primary.body} />
             </div>
-            <div className="mt-10 flex items-center justify-between gap-x-6 lg:justify-start">
+            <div className="mt-10 gap-6 flex flex-col md:flex-row items-center justify-between  lg:justify-start">
               <PrismicNextLink
                 field={slice.primary.call_to_action_link}
                 className={buttonVariants({ variant: "default" })}