feat(i18n): implement language switching and localization support

- Remove i18next configuration and dependencies - Add language switcher component - Integrate language change functionality with cookies - Update translations for English and Persian - Modify layout and page components to support dynamic language rendering - Refactor Tailwind CSS configuration for custom colors
2025-06-01 17:21:11 +03:30
parent 489e65224a
commit d691c8de41
15 changed files with 166 additions and 233 deletions
@@ -9,51 +9,51 @@ const config: Config = {
  ],
  theme: {
    // Move your custom colors directly here to override default Tailwind colors
-    extend: {
-      colors: {
-        // Custom colors
-        primary: {
-          light: '#6366F1',
-          DEFAULT: '#6366F1',
-          dark: '#FA003F',
+    colors: {
+      // Custom colors
+      primary: {
+        light: '#6366F1',
+        DEFAULT: '#6366F1',
+        dark: '#FA003F',
+      },
+      secondary: {
+        light: '#A78BFA',
+        DEFAULT: '#8B5CF6',
+        dark: '#7C3AED',
+      },
+      textColorLight: {
+        light: '#FFFFFF',
+        DEFAULT: '#FFFFFF',
+        dark: '#FA003F',
+      },
+      textColorGray: {
+        light: '#222222',
+        DEFAULT: '#222222',
+        dark: '#FA003F',
+      },
+      bgPrimary: {
+        light: '#FFFFFF',
+        DEFAULT: '#FFFFFF',
+        dark: '#FA003F',
+      },
+      gray: {
+        light: {
+          100: '#EBEBEB',
+          200: '#F5F5F5',
+          300: '#81848A',
+          400: '#777',
+          500: '#222',
        },
-        secondary: {
-          light: '#A78BFA',
-          DEFAULT: '#8B5CF6',
-          dark: '#7C3AED',
-        },
-        textColorLight: {
-          light: '#FFFFFF',
-          DEFAULT: '#FFFFFF',
-          dark: '#FA003F',
-        },
-        textColorGray: {
-          light: '#222222',
-          DEFAULT: '#222222',
-          dark: '#FA003F',
-        },
-        bgPrimary: {
-          light: '#FFFFFF',
-          DEFAULT: '#FFFFFF',
-          dark: '#FA003F',
-        },
-        gray: {
-          light: {
-            100: '#EBEBEB',
-            200: '#F5F5F5',
-            300: '#81848A',
-            400: '#777',
-            500: '#222',
-          },
-          dark: {
-            100: '#EBEBEB',
-            200: '#F5F5F5',
-            300: '#81848A',
-            400: '#777',
-            500: '#222',
-          },
+        dark: {
+          100: '#EBEBEB',
+          200: '#F5F5F5',
+          300: '#81848A',
+          400: '#777',
+          500: '#222',
        },
      },
+    },
+    extend: {
      backgroundImage: {
        'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
        'gradient-conic':