Changes required before initial release

[nkshah2]

• The auth screen needs to be redesigned and reimplemented
• Remove the country flag icon from the list item (@sulha199 )
• Some colors and styles are not as per the designs, double check all styling and make sure they conform to the designs (@sulha199 )
• There does not need to be a separate route for the auth screen, the auth wrapper can display the form if auth is required
• In the empty state for the users list, also mention that when using supertokens with only the session recipe the user list will be empty (@sulha199 )
• The list should be mobile friendly, we can have the UI be scrollable to the right and truncate fields if needed (@sulha199 )
• Rename "User Info" column name to "User"
• Unknown routes (/haha for example) should default to the "/" route
• Add error boundary to the react app, also handle network and other errors
• We need to add some supertokens branding to the dashboard, this needs to be designed
• Add the copyright header to all files

[nkshah2]

• Auth screen needs to be redesigned - add more content, make it look more fancy + professional, ST logo needs to be in the center (inside the form or outside) @mufassirkazi

• User table should mention connection uri, it should be made clear if they are using try.supertokens.com @mufassirkazi

• Footer for non auth screens can be sticky Didnt like how it looked, decided not to do this

• Column content (titles and content) need to be center aligned [Maybe only auth method needs this, need to decide] No version looked good, sticking with the current behaviour and we can revisit this if needed in the future

• When refreshing the page the error state shows up for a second before the loading state

• Time joined should mention the year (only if the date joined is within the last 365 days)

• For the users column, spacing between the text is incorrect

• In mobile view, the content above the table needs to be responsive properly the table should be the only thing that scrolls. The rest of the content should properly be sized inside of the viewport

• All content should be fully responsive

• Use the error state colors from the designs for user table error states and not auth form

• The user count should follow proper comma convention for large numbers

• The phone number is not formatted properly, spacing is improper when the area code is 3 digits Explained below

• Really long emails break the UI

• Really long Names

• For only a single page of users, the pagination should be disabled

• Logo in the footer is not correctly sized

• Add 40px worth of top spacing above the icon at the top of the users table page

• Icon in the top should be 35x32px

• Third party pill has incorrect padding, remove line height

• Empty state styling is off, the 3rd line of text feels out of place, it should use proper spacing

[sulha199]

The phone number is not formatted properly, spacing is improper when the area code is 3 digits

This is because some email field contains phone number, just like the data below

[nkshah2]

Closing since all tasks in this list are resolved