Update password.tsx

Remove headlessui/react dependency

Author: thewebartisan7

resources/js/pages/settings/password.tsx

@@ -2,7 +2,6 @@ import InputError from '@/components/input-error';
 import AppLayout from '@/layouts/app-layout';
 import SettingsLayout from '@/layouts/settings/layout';
 import { type BreadcrumbItem } from '@/types';
-import { Transition } from '@headlessui/react';
 import { Head, useForm } from '@inertiajs/react';
 import { FormEventHandler, useRef } from 'react';
 
@@ -110,15 +109,13 @@ export default function Password() {
                         <div className="flex items-center gap-4">
                             <Button disabled={processing}>Save password</Button>
 
-                            <Transition
-                                show={recentlySuccessful}
-                                enter="transition ease-in-out"
-                                enterFrom="opacity-0"
-                                leave="transition ease-in-out"
-                                leaveTo="opacity-0"
+                            <p
+                              className={`text-sm text-neutral-600 transition-opacity duration-500 ${
+                                recentlySuccessful ? 'opacity-100' : 'opacity-0'
+                              }`}
                             >
-                                <p className="text-sm text-neutral-600">Saved</p>
-                            </Transition>
+                              Saved
+                            </p>
                         </div>
                     </form>
                 </div>