[Autofill password import] Misc fixes

[dbajpeyi]

Asana Task/Github Issue: https://app.asana.com/0/1205996472158114/1208671198302487/f

Description

1. Bugfix It seems like I missed out on replacing indexOf by includes, however I replaced the functionality 😄
   Original PR: [Google password manager] Android isolated module for password import  #1157. This was causing login to break, and also causing other animations to break.
2. Feature Modifying the animation approach by adding an overlay element, so that the main element doesn't accidentally scale and transformation is only added to the overlay
3. Bugfix Adding a timeout before animation, as sometimes scrollIntoView fails if the layout is not fully rendered (edge case).
4. Feature Some fixes in styles as suggested in the ship review.
5. Feature Update overlay position on scroll
6. Test Update test to check for overlay

Testing Steps

• Build android (on the branch feature/craig/autofill_gpm_ui_to_launch_from_password_manager) with the config https://jsonblob.com/api/1301563859532636160
• Hit the fire button, go to "passwords" menu
• Start importing password using the new "Import passwords from google" button
• You should be able to go through the whole flow (including adding new account on google.com)

Checklist

Please tick all that apply:

• I have tested this change locally
• I have tested this change locally in all supported browsers
• This change will be visible to users
• I have added automated tests that cover this change
• I have ensured the change is gated by config
• This change was covered by a ship review
• This change was covered by a tech design
• Any dependent config has been merged

[netlify]

✅ Deploy Preview for content-scope-scripts ready!

Name	Link
🔨 Latest commit	4e23fb3
🔍 Latest deploy log	https://app.netlify.com/sites/content-scope-scripts/deploys/672cf29f956ac500089bc8f1
😎 Deploy Preview	https://deploy-preview-1184--content-scope-scripts.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[github-actions]

Temporary Branch Update

The temporary branch has been updated with the latest changes. Below are the details:

• Branch Name: pr-releases/pr-1184
• Commit Hash: c84f8ed2b45420119d36d2d7c0d45b304c6b23d4
• Install Command: npm i github:duckduckgo/content-scope-scripts#c84f8ed2b45420119d36d2d7c0d45b304c6b23d4

Please use the above install command to update to the latest version.

[github-actions]

[Beta] Generated file diff

Time updated: Fri, 01 Nov 2024 14:13:46 GMT

Android

    - android/autofillPasswordImport.js

File has changed

Integration

    - integration/contentScope.js

File has changed