feat: add navigation to forger password page, show password icon, toasts for different situations and changes of some styles

src/components/ThemToggle.tsx

@@ -34,7 +34,9 @@ export const ThemeToggleButton = ({
       <ToggleButtonGroup
         value={value}
         exclusive
+        color="primary"
         onChange={handleChange}
+        size="medium"
         sx={{
           borderRadius: 1.5,
           border: '1px solid',
@@ -51,10 +53,6 @@ export const ThemeToggleButton = ({
             gap: 1,
             px: 2,
             py: 1,
-            '&.Mui-selected': {
-              bgcolor: 'primary.light',
-              color: 'primary.main',
-            },
           }}
         >
           <Icon Component={Sun1} color="primary.main" variant="Bold" />
@@ -70,10 +68,6 @@ export const ThemeToggleButton = ({
             gap: 1,
             px: 2,
             py: 1,
-            '&.Mui-selected': {
-              bgcolor: 'primary.light',
-              color: 'primary.main',
-            },
           }}
         >
           <Icon Component={Moon} size="medium" color="primary.light" />