chore: unify prettier configs between back-end and front-end

.prettierrc

@@ -1,4 +1,5 @@
 {
+  "tabWidth": 2,
   "singleQuote": true,
-  "trailingComma": "all"
+  "trailingComma": "none"
 }

client/.prettierrc

@@ -1,9 +1,13 @@
 {
   "tabWidth": 2,
   "singleQuote": true,
-  "bracketSpacing": true,
-  "printWidth": 80,
   "trailingComma": "none",
-  "arrowParens": "always",
-  "quoteProps": "consistent"
+  "overrides": [
+    {
+      "files": ["*.html", "*.md"],
+      "options": {
+        "printWidth": 120
+      }
+    }
+  ]
 }

client/index.html

@@ -6,34 +6,12 @@
     <meta name="description" content="Broken Crystals" />
 
     <!-- Favicons -->
-    <link
-      rel="apple-touch-icon"
-      sizes="180x180"
-      href="/favicons/apple-icon-180x180.png"
-    />
-    <link
-      rel="icon"
-      type="image/png"
-      sizes="192x192"
-      href="/favicons/android-icon-192x192.png"
-    />
-    <link
-      rel="icon"
-      type="image/png"
-      sizes="32x32"
-      href="/favicons/favicon-32x32.png"
-    />
-    <link
-      rel="icon"
-      type="image/png"
-      sizes="16x16"
-      href="/favicons/favicon-16x16.png"
-    />
+    <link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-icon-180x180.png" />
+    <link rel="icon" type="image/png" sizes="192x192" href="/favicons/android-icon-192x192.png" />
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32x32.png" />
+    <link rel="icon" type="image/png" sizes="16x16" href="/favicons/favicon-16x16.png" />
     <meta name="theme-color" content="#ffffff" />
-    <meta
-      name="insight-app-sec-validation"
-      content="38936a45-0c2c-4f3c-89c0-a26817f2a5a8"
-    />
+    <meta name="insight-app-sec-validation" content="38936a45-0c2c-4f3c-89c0-a26817f2a5a8" />
     <script id="config" type="application/json" src="/api/config"></script>
 
     <!--
@@ -49,41 +27,19 @@
     />
 
     <!-- Vendor CSS Files -->
-    <link
-      href="/assets/vendor/bootstrap/css/bootstrap.min.css"
-      rel="stylesheet"
-    />
+    <link href="/assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
     <link href="/assets/vendor/icofont/icofont.min.css" rel="stylesheet" />
-    <link
-      href="/assets/vendor/boxicons/css/boxicons.min.css"
-      rel="stylesheet"
-    />
+    <link href="/assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet" />
     <link href="/assets/vendor/venobox/venobox.css" rel="stylesheet" />
     <link href="/assets/vendor/aos/aos.css" rel="stylesheet" />
 
     <!-- Fontfaces CSS-->
-    <link
-      href="/vendor/font-awesome-4.7/css/font-awesome.min.css"
-      rel="stylesheet"
-      media="all"
-    />
-    <link
-      href="/vendor/font-awesome-5/css/fontawesome-all.min.css"
-      rel="stylesheet"
-      media="all"
-    />
-    <link
-      href="/vendor/mdi-font/css/material-design-iconic-font.min.css"
-      rel="stylesheet"
-      media="all"
-    />
+    <link href="/vendor/font-awesome-4.7/css/font-awesome.min.css" rel="stylesheet" media="all" />
+    <link href="/vendor/font-awesome-5/css/fontawesome-all.min.css" rel="stylesheet" media="all" />
+    <link href="/vendor/mdi-font/css/material-design-iconic-font.min.css" rel="stylesheet" media="all" />
 
     <!-- Vendor CSS-->
-    <link
-      href="/vendor/animsition/animsition.min.css"
-      rel="stylesheet"
-      media="all"
-    />
+    <link href="/vendor/animsition/animsition.min.css" rel="stylesheet" media="all" />
     <link href="/vendor/wow/animate.css" rel="stylesheet" media="all" />
     <link href="/vendor/slick/slick.css" rel="stylesheet" media="all" />
 

client/src/api/httpClient.ts

@@ -215,7 +215,7 @@ export function putUserData(user: UserData): Promise<UserData> {
     method: 'put',
     headers: {
       'content-type': 'application/json',
-      'authorization':
+      authorization:
         sessionStorage.getItem('token') || localStorage.getItem('token')
     },
     data: user
@@ -231,7 +231,7 @@ export function putPhoto(photo: File, email: string): Promise<any> {
     method: 'put',
     headers: {
       'content-type': 'image/png',
-      'authorization':
+      authorization:
         sessionStorage.getItem('token') || localStorage.getItem('token')
     },
     data
@@ -287,7 +287,7 @@ export function viewProduct(productName: string): Promise<any> {
     url: `${ApiUrl.Products}/views`,
     method: 'get',
     headers: {
-      'authorization':
+      authorization:
         sessionStorage.getItem('token') || localStorage.getItem('token'),
       'x-product-name': productName
     }

docker-compose.local.yml

@@ -14,7 +14,7 @@ services:
           '-U',
           '${POSTGRES_USER}',
           '-P',
-          '${POSTGRES_PASSWORD}',
+          '${POSTGRES_PASSWORD}'
         ]
       timeout: 45s
     environment:

docker-compose.yml

@@ -18,7 +18,7 @@ services:
           '-U',
           '${POSTGRES_USER}',
           '-P',
-          '${POSTGRES_PASSWORD}',
+          '${POSTGRES_PASSWORD}'
         ]
       timeout: 45s
     volumes:
@@ -69,7 +69,7 @@ services:
           '-U',
           '${POSTGRES_USER}',
           '-P',
-          '${POSTGRES_PASSWORD}',
+          '${POSTGRES_PASSWORD}'
         ]
       timeout: 45s
     restart: on-failure

eslint.config.mjs

@@ -5,16 +5,16 @@ export default tseslint.config(
   eslint.configs.recommended,
   ...tseslint.configs.strict,
   {
-    ignores: ['**/charts', '**/dist', '**/client'],
+    ignores: ['**/charts', '**/dist', '**/client']
   },
   {
     rules: {
       '@typescript-eslint/no-extraneous-class': [
         'error',
         {
-          allowWithDecorator: true,
-        },
-      ],
-    },
-  },
+          allowWithDecorator: true
+        }
+      ]
+    }
+  }
 );