feat: Add JoinPage component with navigation and styling

index.html

@@ -48,7 +48,7 @@
     <div id="root">
       <div id="appq-loading-content">
         <div class="loadingImg">
-          <img src="/static/unguess_loader_single.gif" />
+          <img title="loading unguess website" src="/static/unguess_loader_single.gif" />
         </div>
       </div>
     </div>

package.json

@@ -14,6 +14,7 @@
     "i18n-iso-countries": "^7.3.0",
     "i18next": "^23.15.1",
     "i18next-browser-languagedetector": "^8.0.0",
+    "motion": "^12.15.0",
     "qs": "^6.10.3",
     "query-string": "^7.1.1",
     "react": "^18.3.1",

src/common/Pages.tsx

@@ -17,6 +17,7 @@ import CampaignPreview from 'src/pages/Campaign/preview';
 import Dashboard from 'src/pages/Dashboard';
 import Project from 'src/pages/Dashboard/Project';
 import InsightsPage from 'src/pages/Insights';
+import JoinPage from 'src/pages/JoinPage';
 import LoginPage from 'src/pages/LoginPage';
 import Manual from 'src/pages/Manual';
 import MediaNotFound from 'src/pages/NotFound/MediaNotFound';
@@ -66,6 +67,12 @@ const Pages = () => {
                     path={`/${langPrefix}/login`}
                     element={<LoginPage />}
                   />
+                  <Route path={`/${langPrefix}/join`} element={<JoinPage />} />
+                  <Route
+                    path={`/${langPrefix}/join/invites/:profile/:token`}
+                    element={<JoinPage />}
+                  />
+
                   <Route
                     path={`/${langPrefix}/projects/:projectId`}
                     element={<Project />}
@@ -146,6 +153,21 @@ const Pages = () => {
                 }
                 errorElement={<ErrorBoundaryPage />}
               />
+
+              <Route
+                path="/join"
+                element={
+                  <Redirect
+                    url={({ searchParams }) => {
+                      if (!searchParams || !searchParams.get('redirect'))
+                        return '/oops';
+                      return `/campaigns/${searchParams.get('cid')}/bugform`;
+                    }}
+                  />
+                }
+                errorElement={<ErrorBoundaryPage />}
+              />
+
               <Route path="*" element={<Navigate replace to="/oops" />} />
             </>
           )