Add TailwindCSS (#1252)

* Setup TailwindCSS

* Fully setup configuration

* Refactor some tailwind variables

apps/frontend/src/utils/common-messages.ts

@@ -1,177 +1,177 @@
 export const commonMessages = defineMessages({
   allProjectType: {
-    id: 'project-type.all',
-    defaultMessage: 'All',
+    id: "project-type.all",
+    defaultMessage: "All",
   },
   cancelButton: {
-    id: 'button.cancel',
-    defaultMessage: 'Cancel',
+    id: "button.cancel",
+    defaultMessage: "Cancel",
   },
   collectionsLabel: {
-    id: 'label.collections',
-    defaultMessage: 'Collections',
+    id: "label.collections",
+    defaultMessage: "Collections",
   },
   continueButton: {
-    id: 'button.continue',
-    defaultMessage: 'Continue',
+    id: "button.continue",
+    defaultMessage: "Continue",
   },
   changesSavedLabel: {
-    id: 'label.changes-saved',
-    defaultMessage: 'Changes saved',
+    id: "label.changes-saved",
+    defaultMessage: "Changes saved",
   },
   createAProjectButton: {
-    id: 'button.create-a-project',
-    defaultMessage: 'Create a project',
+    id: "button.create-a-project",
+    defaultMessage: "Create a project",
   },
   createdAgoLabel: {
-    id: 'label.created-ago',
-    defaultMessage: 'Created {ago}',
+    id: "label.created-ago",
+    defaultMessage: "Created {ago}",
   },
   dashboardLabel: {
-    id: 'label.dashboard',
-    defaultMessage: 'Dashboard',
+    id: "label.dashboard",
+    defaultMessage: "Dashboard",
   },
   dateAtTimeTooltip: {
-    id: 'tooltip.date-at-time',
-    defaultMessage: '{date, date, long} at {time, time, short}',
+    id: "tooltip.date-at-time",
+    defaultMessage: "{date, date, long} at {time, time, short}",
   },
   deleteLabel: {
-    id: 'label.delete',
-    defaultMessage: 'Delete',
+    id: "label.delete",
+    defaultMessage: "Delete",
   },
   descriptionLabel: {
-    id: 'label.description',
-    defaultMessage: 'Description',
+    id: "label.description",
+    defaultMessage: "Description",
   },
   editButton: {
-    id: 'button.edit',
-    defaultMessage: 'Edit',
+    id: "button.edit",
+    defaultMessage: "Edit",
   },
   errorLabel: {
-    id: 'label.error',
-    defaultMessage: 'Error',
+    id: "label.error",
+    defaultMessage: "Error",
   },
   errorNotificationTitle: {
-    id: 'notification.error.title',
-    defaultMessage: 'An error occurred',
+    id: "notification.error.title",
+    defaultMessage: "An error occurred",
   },
   followedProjectsLabel: {
-    id: 'label.followed-projects',
-    defaultMessage: 'Followed projects',
+    id: "label.followed-projects",
+    defaultMessage: "Followed projects",
   },
   galleryInputView: {
-    id: 'input.view.gallery',
-    defaultMessage: 'Gallery view',
+    id: "input.view.gallery",
+    defaultMessage: "Gallery view",
   },
   gridInputView: {
-    id: 'input.view.grid',
-    defaultMessage: 'Grid view',
+    id: "input.view.grid",
+    defaultMessage: "Grid view",
   },
   listInputView: {
-    id: 'input.view.list',
-    defaultMessage: 'Rows view',
+    id: "input.view.list",
+    defaultMessage: "Rows view",
   },
   moderationLabel: {
-    id: 'label.moderation',
-    defaultMessage: 'Moderation',
+    id: "label.moderation",
+    defaultMessage: "Moderation",
   },
   notificationsLabel: {
-    id: 'label.notifications',
-    defaultMessage: 'Notifications',
+    id: "label.notifications",
+    defaultMessage: "Notifications",
   },
   privateLabel: {
-    id: 'collection.label.private',
-    defaultMessage: 'Private',
+    id: "collection.label.private",
+    defaultMessage: "Private",
   },
   publicLabel: {
-    id: 'label.public',
-    defaultMessage: 'Public',
+    id: "label.public",
+    defaultMessage: "Public",
   },
   rejectedLabel: {
-    id: 'label.rejected',
-    defaultMessage: 'Rejected',
+    id: "label.rejected",
+    defaultMessage: "Rejected",
   },
   passwordLabel: {
-    id: 'label.password',
-    defaultMessage: 'Password',
+    id: "label.password",
+    defaultMessage: "Password",
   },
   saveButton: {
-    id: 'button.save',
-    defaultMessage: 'Save',
+    id: "button.save",
+    defaultMessage: "Save",
   },
   saveChangesButton: {
-    id: 'button.save-changes',
-    defaultMessage: 'Save changes',
+    id: "button.save-changes",
+    defaultMessage: "Save changes",
   },
   scopesLabel: {
-    id: 'label.scopes',
-    defaultMessage: 'Scopes',
+    id: "label.scopes",
+    defaultMessage: "Scopes",
   },
   settingsLabel: {
-    id: 'label.settings',
-    defaultMessage: 'Settings',
+    id: "label.settings",
+    defaultMessage: "Settings",
   },
   signInButton: {
-    id: 'button.sign-in',
-    defaultMessage: 'Sign in',
+    id: "button.sign-in",
+    defaultMessage: "Sign in",
   },
   signOutButton: {
-    id: 'button.sign-out',
-    defaultMessage: 'Sign out',
+    id: "button.sign-out",
+    defaultMessage: "Sign out",
   },
   titleLabel: {
-    id: 'label.title',
-    defaultMessage: 'Title',
+    id: "label.title",
+    defaultMessage: "Title",
   },
   unlistedLabel: {
-    id: 'label.unlisted',
-    defaultMessage: 'Unlisted',
+    id: "label.unlisted",
+    defaultMessage: "Unlisted",
   },
   uploadImageButton: {
-    id: 'button.upload-image',
-    defaultMessage: 'Upload image',
+    id: "button.upload-image",
+    defaultMessage: "Upload image",
   },
   visibilityLabel: {
-    id: 'label.visibility',
-    defaultMessage: 'Visibility',
+    id: "label.visibility",
+    defaultMessage: "Visibility",
   },
   visitYourProfile: {
-    id: 'label.visit-your-profile',
-    defaultMessage: 'Visit your profile',
+    id: "label.visit-your-profile",
+    defaultMessage: "Visit your profile",
   },
-})
+});
 
 export const commonSettingsMessages = defineMessages({
   appearance: {
-    id: 'settings.appearance.title',
-    defaultMessage: 'Appearance',
+    id: "settings.appearance.title",
+    defaultMessage: "Appearance",
   },
   language: {
-    id: 'settings.language.title',
-    defaultMessage: 'Language',
+    id: "settings.language.title",
+    defaultMessage: "Language",
   },
   profile: {
-    id: 'settings.profile.title',
-    defaultMessage: 'Public profile',
+    id: "settings.profile.title",
+    defaultMessage: "Public profile",
   },
   account: {
-    id: 'settings.account.title',
-    defaultMessage: 'Account and security',
+    id: "settings.account.title",
+    defaultMessage: "Account and security",
   },
   authorizedApps: {
-    id: 'settings.authorized-apps.title',
-    defaultMessage: 'Authorized apps',
+    id: "settings.authorized-apps.title",
+    defaultMessage: "Authorized apps",
   },
   sessions: {
-    id: 'settings.sessions.title',
-    defaultMessage: 'Sessions',
+    id: "settings.sessions.title",
+    defaultMessage: "Sessions",
   },
   pats: {
-    id: 'settings.pats.title',
-    defaultMessage: 'Personal access tokens',
+    id: "settings.pats.title",
+    defaultMessage: "Personal access tokens",
   },
   applications: {
-    id: 'settings.applications.title',
-    defaultMessage: 'Your applications',
+    id: "settings.applications.title",
+    defaultMessage: "Your applications",
   },
-})
+});