Improved createEffect and cleanup

src/components/PageComponents/Password-Generator/PasswordGeneratorComponent.tsx

@@ -4,7 +4,6 @@ import Button from '../../Button/Button'
 import MiniCard from '../../MiniCard/MiniCard'
 // import ToggleSwtich from '../ToggleSwitch/ToggleSwitch'
 import { Slider } from '@kobalte/core/slider'
-import { Switch } from '@kobalte/core/switch'
 import { Alert } from '@kobalte/core/alert'
 import { Checkbox } from '@kobalte/core/checkbox'
 import { FaSolidCheck } from 'solid-icons/fa'
@@ -31,9 +30,10 @@ export default () => {
     setPassword(passwordArray.join(''))
   }
 
-  // Effect to update the display when the length changes
-  createEffect(() => {
-    generatePassword()
+  createEffect((value) => {
+    if (length() !== value) {
+      generatePassword()
+    }
   })
 
   const handleToggleChange = (target: string) => {