♻️ (viewer) Change to features-centric folder structure

apps/viewer/src/components/ErrorPage.tsx

@@ -0,0 +1,33 @@
+import React from 'react'
+import { getViewerUrl, isEmpty } from 'utils'
+
+export const ErrorPage = ({ error }: { error: Error }) => {
+  return (
+    <div
+      style={{
+        height: '100vh',
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+        flexDirection: 'column',
+      }}
+    >
+      {isEmpty(getViewerUrl()) ? (
+        <>
+          <h1 style={{ fontWeight: 'bold', fontSize: '30px' }}>
+            NEXT_PUBLIC_VIEWER_URL is missing
+          </h1>
+          <h2>
+            Make sure to configure the viewer properly (
+            <a href="https://docs.typebot.io/self-hosting/configuration#viewer">
+              https://docs.typebot.io/self-hosting/configuration#viewer
+            </a>
+            )
+          </h2>
+        </>
+      ) : (
+        <p style={{ fontSize: '24px' }}>{error.message}</p>
+      )}
+    </div>
+  )
+}