Add TailwindCSS (#1252)

* Setup TailwindCSS

* Fully setup configuration

* Refactor some tailwind variables

apps/frontend/src/composables/use-client-try.ts

@@ -1,36 +1,36 @@
-type AsyncFunction<TArgs extends any[], TResult> = (...args: TArgs) => Promise<TResult>
-type ErrorFunction = (err: any) => void | Promise<void>
-type VoidFunction = () => void | Promise<void>
+type AsyncFunction<TArgs extends any[], TResult> = (...args: TArgs) => Promise<TResult>;
+type ErrorFunction = (err: any) => void | Promise<void>;
+type VoidFunction = () => void | Promise<void>;
 
 type useClientTry = <TArgs extends any[], TResult>(
   fn: AsyncFunction<TArgs, TResult>,
   onFail?: ErrorFunction,
-  onFinish?: VoidFunction
-) => (...args: TArgs) => Promise<TResult | undefined>
+  onFinish?: VoidFunction,
+) => (...args: TArgs) => Promise<TResult | undefined>;
 
 const defaultOnError: ErrorFunction = (error) => {
   addNotification({
-    group: 'main',
-    title: 'An error occurred',
-    text: error?.data?.description || error.message || error || 'Unknown error',
-    type: 'error',
-  })
-}
+    group: "main",
+    title: "An error occurred",
+    text: error?.data?.description || error.message || error || "Unknown error",
+    type: "error",
+  });
+};
 
 export const useClientTry: useClientTry =
   (fn, onFail = defaultOnError, onFinish) =>
   async (...args) => {
-    startLoading()
+    startLoading();
     try {
-      return await fn(...args)
+      return await fn(...args);
     } catch (err) {
       if (onFail) {
-        await onFail(err)
+        await onFail(err);
       } else {
-        console.error('[CLIENT TRY ERROR]', err)
+        console.error("[CLIENT TRY ERROR]", err);
       }
     } finally {
-      if (onFinish) await onFinish()
-      stopLoading()
+      if (onFinish) await onFinish();
+      stopLoading();
     }
-  }
+  };