Add ToastProvider component and useToast hook; update CabinetMaintenance for toast notifications; enhance Button styles and Tailwind CSS configuration

tailwind.config.js

@@ -10,6 +10,25 @@ export default {
       white: '#FFFFFF',
       black: '#000000',
       grey: '#979797',
+      error: {
+        DEFAULT: '#E5254B',
+        dark: '#E5254B',
+        surface: {DEFAULT: '#FCE9ED', dark: '#FCE9ED'}
+      },
+      onToast: {
+        DEFAULT: '#646564',
+        dark: '#646564',
+      },
+      warning: {
+        DEFAULT: '#EA7000',
+        dark: '#EA7000',
+        surface: {DEFAULT: '#FDF1E5', dark: '#FDF1E5'}
+      },
+      success: {
+        DEFAULT: '#038100',
+        dark: '#038100',
+        surface: {DEFAULT: '#E6F2E5', dark: '#E6F2E5'}
+      },
       transparent: 'transparent',
       primary: {
         DEFAULT: '#008C46',
@@ -42,6 +61,16 @@ export default {
       fontSize: {
         title: '40px',
       },
+      keyframes: {
+        slideIn: {
+          '0%': { transform: 'translateX(100%)', opacity: '0' },
+          '100%': { transform: 'translateX(0)', opacity: '1' },
+        },
+        fadeOut: {
+          '0%': { opacity: '1' },
+          '100%': { opacity: '0' },
+        },
+      },
     },
   },
   plugins: [