Merge branch 'develop' into feat/user-profile

src/providers/CustomThemeProvider.tsx

@@ -13,6 +13,18 @@ export const CustomThemeProvider: React.FC<{ children: React.ReactNode }> = ({
     const direction = i18n.dir(i18n.language);
 
     return createTheme({
+      components: {
+        MuiSelect: {
+          styleOverrides: {
+            root: {
+              textAlign: 'left',
+            },
+            select: {
+              textAlign: 'left',
+            },
+          },
+        },
+      },
       direction: direction,
       colorSchemes: {
         light: {
@@ -25,6 +37,21 @@ export const CustomThemeProvider: React.FC<{ children: React.ReactNode }> = ({
       cssVariables: {
         colorSchemeSelector: 'class',
       },
+      components: {
+        MuiTextField: {
+          defaultProps: {
+            variant: 'outlined',
+            fullWidth: true,
+          },
+        },
+        MuiButton: {
+          defaultProps: {
+            size: 'large',
+            fullWidth: true,
+            variant: 'contained',
+          },
+        },
+      },
       spacing: 8,
       typography: typography,
       components: {
@@ -40,7 +67,7 @@ export const CustomThemeProvider: React.FC<{ children: React.ReactNode }> = ({
   }, [i18n]);
 
   return (
-    <ThemeProvider theme={theme} defaultMode="system">
+    <ThemeProvider theme={theme} defaultMode="light">
       {children}
     </ThemeProvider>
   );