fix first online resevation

apps/dashboard/next.config.js

@@ -1,7 +1,37 @@
 /** @type {import('next').NextConfig} */
+const toStoragePattern = (rawUrl) => {
+  try {
+    const u = new URL(rawUrl.replace(/\/api\/v1\/?$/, ''))
+    return {
+      protocol: u.protocol.replace(':', ''),
+      hostname: u.hostname,
+      ...(u.port ? { port: u.port } : {}),
+      pathname: '/storage/**',
+    }
+  } catch {
+    return null
+  }
+}
+
+const storagePatterns = [
+  process.env.API_INTERNAL_URL ?? 'http://localhost:4000',
+  process.env.API_URL,
+  process.env.NEXT_PUBLIC_API_URL,
+]
+  .filter(Boolean)
+  .map(toStoragePattern)
+  .filter(Boolean)
+  .filter((p, i, arr) => arr.findIndex((q) => q.hostname === p.hostname && q.port === p.port) === i)
+
 const nextConfig = {
   images: {
-    domains: ['res.cloudinary.com'],
+    remotePatterns: [
+      {
+        protocol: 'https',
+        hostname: 'res.cloudinary.com',
+      },
+      ...storagePatterns,
+    ],
   },
   transpilePackages: ['@rentaldrivego/types'],
 }