Fix OG tags

Author: sembrestels

apps/web/src/app/root.tsx

@@ -51,15 +51,14 @@ export const meta: MetaFunction = () => [
   { name: "description", content: SITE_DESCRIPTION },
   { name: "theme-color", content: "#111827" },
   { name: "color-scheme", content: "dark" },
-
   { name: "image", content: `${SITE_URL}/logo-bg.svg` },
-  { name: "og:image", content: `${SITE_URL}/opengraph-image.webp` },
-  { name: "og:title", content: SITE_NAME },
-  { name: "og:description", content: SITE_DESCRIPTION },
-  { name: "og:url", content: SITE_URL },
-  { name: "og:type", content: "website" },
-  { name: "og:site_name", content: SITE_NAME },
-  { name: "og:locale", content: "en_US" },
+  { property: "og:image", content: `${SITE_URL}/opengraph-image.webp` },
+  { property: "og:title", content: SITE_NAME },
+  { property: "og:description", content: SITE_DESCRIPTION },
+  { property: "og:url", content: SITE_URL },
+  { property: "og:type", content: "website" },
+  { property: "og:site_name", content: SITE_NAME },
+  { property: "og:locale", content: "en_US" },
   { name: "twitter:card", content: "summary_large_image" },
   { name: "twitter:image", content: `${SITE_URL}/opengraph-image.webp` },
   { name: "twitter:title", content: SITE_NAME },

constants.ts

@@ -2,7 +2,7 @@ export const SITE_NAME = "CouncilHaus";
 export const SITE_DESCRIPTION =
   "Democratically allocate a budget across projects";
 export const SITE_URL = import.meta.env.VITE_SITE_URL || "https://council.haus";
-export const SOCIAL_TWITTER = "blossom_labs";
+export const SOCIAL_TWITTER = "@blossom_labs";
 export const SOCIAL_GITHUB = "BlossomLabs/CouncilHaus";
 
 export const DEFAULT_COUNCIL_ADDRESS =