feat: enable user profile embed on external site

[eddiejaoude]

Fixes Issue

closes #9100

Deploying PR to Preview environment https://github.com/EddieHubCommunity/BioDrop/pull/9500

Changes proposed

Check List (Check all the applicable boxes)

• [ ] My code follows the code style of this project.
• [ ] My change requires changes to the documentation.
• [ ] I have updated the documentation accordingly.
• [ ] All new and existing tests passed.
• [ ] This PR does not contain plagiarized content.
• [ ] The title of my pull request is a short description of the requested changes.

Screenshots

Note to reviewers

[eddiejaoude]

Having some challenges with the middleware and custom domains (deployed to Preview environment https://biodrop-preview.vercel.app/api/profiles/eddiejaoude/embed?theme=default)

• when visiting the embed url, it thinks it is a custom domain
• fonts not found

 ⨯ [Error: ENOENT: no such file or directory, open '/home/runner/work/BioDrop/BioDrop/public/Inter-Regular.ttf'] {
  errno: -2,
  code: 'ENOENT',
  syscall: 'open',
  path: '/home/runner/work/BioDrop/BioDrop/public/Inter-Regular.ttf'
}
 ⨯ MissingStaticPage [Error]: Failed to load static file for page: /en/500 ENOENT: no such file or directory, open '/var/task/.next/server/pages/en/500.html'
    at /var/task/node_modules/next/dist/server/require.js:102:19
    at async loadComponentsImpl (/var/task/node_modules/next/dist/server/load-components.js:59:26)
    at async NextNodeServer.findPageComponentsImpl (/var/task/node_modules/next/dist/server/next-server.js:669:36)
    at async NextNodeServer.renderErrorToResponseImpl (/var/task/node_modules/next/dist/server/base-server.js:2042:30)
    at async pipe.req.req (/var/task/node_modules/next/dist/server/base-server.js:1982:30)
    at async NextNodeServer.pipeImpl (/var/task/node_modules/next/dist/server/base-server.js:902:25)
    at async NextNodeServer.handleCatchallRenderRequest (/var/task/node_modules/next/dist/server/next-server.js:281:21)
    at async NextNodeServer.runImpl (/var/task/node_modules/next/dist/server/base-server.js:887:9)
    at async NextNodeServer.handleRequestImpl (/var/task/node_modules/next/dist/server/base-server.js:824:20)
[Error: ENOENT: no such file or directory, open '/home/runner/work/BioDrop/BioDrop/public/Inter-Regular.ttf'] {
  errno: -2,
  code: 'ENOENT',
  syscall: 'open',
  path: '/home/runner/work/BioDrop/BioDrop/public/Inter-Regular.ttf'
}
Error: Runtime exited with error: exit status 1
Runtime.ExitError

[babblebey]

when visiting the embed url, it thinks it is a custom domain

I will try look into this sometime too!

Yo @a0m0rajab, get in here 😉

[a0m0rajab]

Thanks! @babblebey sure will check this next week or the week after, I feel like to finish this https://github.com/open-sauced/ai/issues/291first then jump to this project, or I might have a one extended day for coding to try this lol.

[babblebey]

Hey @eddiejaoude, found this is still pending 🫣. I cannot exactly reproduce the error you're experiencing. Let's pair on this sometime and work with the preview environment when you're free.

This feature should be shipped already 😉