feat(brand): apply logos, icons and social sharing cards

lib/og-card.tsx

@@ -1,3 +1,10 @@
+import { readFileSync } from "node:fs";
+import { join } from "node:path";
+
+const brandMark = `data:image/png;base64,${readFileSync(
+  join(process.cwd(), "public/brand/mark-dark.png"),
+).toString("base64")}`;
+
 export const OG_SIZE = { width: 1200, height: 630 } as const;
 export const OG_CONTENT_TYPE = "image/png";
 
@@ -16,6 +23,7 @@ export function OgCard({
         width: "100%",
         height: "100%",
         display: "flex",
+        position: "relative",
         flexDirection: "column",
         justifyContent: "space-between",
         background: "#050505",
@@ -24,9 +32,17 @@ export function OgCard({
         fontFamily: "Arial, sans-serif",
       }}
     >
+      <img
+        src={brandMark}
+        alt="Evandro.dev.br"
+        width={80}
+        height={80}
+        style={{ position: "absolute", top: 48, right: 72 }}
+      />
       <div
         style={{
           display: "flex",
+          paddingRight: 112,
           color: "#ccff00",
           fontSize: 24,
           letterSpacing: "0.16em",