feat: Add timeline

apps/dashboard/package.json

@@ -56,7 +56,7 @@
         "eslint-plugin-react-refresh": "^0.4.3",
         "postcss": "^8.4.27",
         "tailwindcss": "^3.3.3",
-        "typescript": "^5.0.2",
+        "typescript": "5.4.0-beta",
         "vite": "^4.4.5"
     }
 }

apps/dashboard/src/components/ui/sonner.tsx

@@ -11,6 +11,8 @@ const Toaster = ({ ...props }: ToasterProps) => {
       theme={theme as ToasterProps["theme"]}
       className="toaster group"
       toastOptions={{
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
         classNames: {
           toast:
             "group toast group-[.toaster]:bg-white group-[.toaster]:text-stone-950 group-[.toaster]:border-stone-200 group-[.toaster]:shadow-lg dark:group-[.toaster]:bg-stone-950 dark:group-[.toaster]:text-stone-50 dark:group-[.toaster]:border-stone-800",

apps/dashboard/src/screens/dashboard/DashboardError.tsx

@@ -1,7 +1,7 @@
 import { useSelector } from "react-redux"
-import { selectErrors } from "../../store/form/form_selectors"
 import { PrimaryFormHeader } from "../../forms/primary/Header"
 import { LogoutButton } from "../../shared/LogoutButton"
+import { selectErrors } from "../../store/form/form_selectors"
 
 const ERRORS = {
     not_authorized: (
@@ -12,18 +12,20 @@ const ERRORS = {
             </a>
         </p>
     ),
-    user_did_not_sign_ir: (
-        <p>
-            You have not completed Initial Registration.
-        </p>
-    ),
+    user_did_not_sign_ir: <p>You have not completed Initial Registration.</p>,
     user_is_not_exhibitor: (
         <p>
-            You did not get picked for the fair this year.
+            Unfortunetly we are at full captity as of right now, we might get
+            space for more exhibitors later and will contact you then.
         </p>
     ),
     user_has_no_company: <p>You are not associated with any company</p>,
-    cr_not_open: <p>We are working on this years final registration page, please come back later!</p>
+    cr_not_open: (
+        <p>
+            We are working on this years final registration page, please come
+            back later!
+        </p>
+    )
 }
 
 export function DashboardError() {
@@ -35,7 +37,7 @@ export function DashboardError() {
         <div className="flex h-[100vh] w-[100vw] flex-col items-center justify-center">
             <LogoutButton />
             <p className="mb-4 text-4xl">Oups, something went wrong</p>
-            <div className="max-w-xl text-center mb-10">{ERRORS[error]}</div>
+            <div className="mb-10 max-w-xl text-center">{ERRORS[error]}</div>
             <PrimaryFormHeader />
         </div>
     )