fix: handle external URLs in avatar rendering (#23) (#32)

* fix: issue 23, handle external URLs in avatar rendering

* fix: add google to the remote patterns

---------

Co-authored-by: Henry <henry_ball@hotmail.co.uk>

apps/web/next.config.js

@@ -26,7 +26,16 @@ const config = {
   typescript: { ignoreBuildErrors: true },
 
   images: {
-    domains: [env("NEXT_PUBLIC_STORAGE_DOMAIN") ?? ""],
+    remotePatterns: [
+      {
+        protocol: "https",
+        hostname: `*.${env("NEXT_PUBLIC_STORAGE_DOMAIN")}`,
+      },
+      {
+        protocol: "https",
+        hostname: "*.googleusercontent.com",
+      },
+    ],
   },
   experimental: {
     instrumentationHook: true,