Add expand and fade-in animations to conditional form sections

Add smooth animations to form sections that appear when toggles are enabled, improving user experience with visual feedback.

Changes:
- Add expandFadeIn keyframe animation to Tailwind config
- Apply expand-fade-in animation to UserSettingsForm payment sections
- Apply expand-fade-in animation to LocationEditForm conditional fields
- Update account page HomeIcon color from green to white for consistency

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

app/ui/UserSettingsForm.tsx

@@ -129,7 +129,7 @@ const FormFields: FC<FormFieldsProps> = ({ userSettings, errors, message }) => {
                 </fieldset>
 
                 { formValues.enableIbanPayment ? (
-                <>
+                <div className="animate-expand-fade-in origin-top">
                     <div className="divider mt-2 mb-2 font-bold uppercase">{t("iban-form-title")}</div>
                     <div className="form-control w-full">
                         <label className="label">
@@ -231,7 +231,7 @@ const FormFields: FC<FormFieldsProps> = ({ userSettings, errors, message }) => {
                     </div>
 
                     <NoteBox>{t("payment-additional-notes")}</NoteBox>
-                </>
+                </div>
                 ) : // ELSE include hidden inputs to preserve existing values
                 <>
                     <input
@@ -281,7 +281,7 @@ const FormFields: FC<FormFieldsProps> = ({ userSettings, errors, message }) => {
                 </fieldset>
                 
                 { formValues.enableRevolutPayment ? (
-                <>
+                <div className="animate-expand-fade-in origin-top">
                     <div className="divider mt-2 mb-2 font-bold uppercase">{t("revolut-form-title")}</div>
                     <div className="form-control w-full">
                         <label className="label">
@@ -326,7 +326,7 @@ const FormFields: FC<FormFieldsProps> = ({ userSettings, errors, message }) => {
                          }
                     </div>
                     <NoteBox>{t("payment-additional-notes")}</NoteBox>
-                </>
+                </div>
                 )
                 : // ELSE include hidden input to preserve existing value
                 <>