added eslint and prettier and formatted the whole codebase

tailwind.config.js

@@ -1,9 +1,6 @@
 /** @type {import('tailwindcss').Config} */
 export default {
-  content: [
-    "./index.html",
-    "./src/**/*.{js,ts,jsx,tsx}",
-  ],
+  content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
   darkMode: 'selector',
   theme: {
     colors: {
@@ -13,7 +10,7 @@ export default {
       error: {
         DEFAULT: '#A14444',
         dark: '#E5254B',
-        surface: {DEFAULT: '#D26464', dark: '#FCE9ED'}
+        surface: { DEFAULT: '#D26464', dark: '#FCE9ED' },
       },
       onToast: {
         DEFAULT: '#646564',
@@ -22,22 +19,22 @@ export default {
       warning: {
         DEFAULT: '#A5A513',
         dark: '#EA7000',
-        surface: {DEFAULT: '#C8C820', dark: '#FDF1E5'}
+        surface: { DEFAULT: '#C8C820', dark: '#FDF1E5' },
       },
       success: {
         DEFAULT: '#038100',
         dark: '#038100',
-        surface: {DEFAULT: '#E6F2E5', dark: '#E6F2E5'}
+        surface: { DEFAULT: '#E6F2E5', dark: '#E6F2E5' },
       },
       transparent: 'transparent',
       primary: {
         DEFAULT: '#008C46',
-        dark: '#E6F4E1'
+        dark: '#E6F4E1',
       },
       secondary: {
         DEFAULT: '#B1E1B3',
         dark: '#7DBD80',
-        variant: {DEFAULT: '#80AE82', dark: '#5B875D'}
+        variant: { DEFAULT: '#80AE82', dark: '#5B875D' },
       },
       tertiary: {
         DEFAULT: '#f2f2df',
@@ -46,17 +43,16 @@ export default {
       surface: {
         DEFAULT: '#F6F6F6',
         dark: '#2d332d',
-        variant: {DEFAULT: '#F4FFF4', dark: '#2b372c'}
+        variant: { DEFAULT: '#F4FFF4', dark: '#2b372c' },
       },
-      
     },
     fontFamily: {
       display: ['Montserrat', 'sans-serif'],
-      body: ['Rubik', 'Noto Sans','Noto Sans Bengali', 'sans-serif'],
+      body: ['Rubik', 'Noto Sans', 'Noto Sans Bengali', 'sans-serif'],
     },
     extend: {
       borderWidth: {
-        '3': '3px',
+        3: '3px',
       },
       fontSize: {
         title: '40px',
@@ -75,7 +71,7 @@ export default {
           '30%': { width: '30%' },
           '80%': { width: '10%' },
           '100%': { left: '100%' },
-        }
+        },
       },
     },
   },
@@ -84,5 +80,4 @@ export default {
       addVariant('second-last', '&:nth-last-child(2)');
     },
   ],
-}
-
+};