[PM-14954] implement multi input totp styling

[evan-livefront]

🎟️ Tracking

https://bitwarden.atlassian.net/browse/PM-14954

📔 Objective

Updates multi-input totp field styling for autofill dropdown and button

📸 Screenshots

⏰ Reminders before review

• Contributor guidelines followed
• All formatters and local linters executed and passed
• Written new unit and / or integration tests where applicable
• Protected functional changes with optionality (feature flags)
• Used internationalization (i18n) for all UI strings
• CI builds passed
• Communicated to DevOps any deployment requirements
• Updated any necessary documentation (Confluence, contributing docs) or informed the documentation team

🦮 Reviewer guidelines

• 👍 (:+1:) or similar for great changes
• 📝 (:memo:) or ℹ️ (:information_source:) for notes or general info
• ❓ (:question:) for questions
• 🤔 (:thinking:) or 💭 (:thought_balloon:) for more open inquiry that's not quite a confirmed issue and could potentially benefit from discussion
• 🎨 (:art:) for suggestions / improvements
• ❌ (:x:) or ⚠️ (:warning:) for more significant problems or concerns needing attention
• 🌱 (:seedling:) or ♻️ (:recycle:) for future improvements or indications of technical debt
• ⛏ (:pick:) for minor or nitpick changes

[github-actions]

Checkmarx One – Scan Summary & Details – ad89a622-d641-4d38-8f81-9e6c7fe23025

Great job, no security vulnerabilities found in this Pull Request

[codecov]

Codecov Report

Attention: Patch coverage is 81.63265% with 9 lines in your changes missing coverage. Please review.

Project coverage is 34.30%. Comparing base (a54508a) to head (f5f15f9).
Report is 5 commits behind head on main.

✅ All tests successful. No failed tests found.

Files with missing lines	Patch %	Lines
...wser/src/autofill/background/overlay.background.ts	80.00%	5 Missing and 3 partials ⚠️
apps/browser/src/autofill/utils/index.ts	75.00%	1 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##             main   #12449      +/-   ##
==========================================
+ Coverage   34.28%   34.30%   +0.02%     
==========================================
  Files        2933     2933              
  Lines       90081    90128      +47     
  Branches    16916    16926      +10     
==========================================
+ Hits        30886    30921      +35     
- Misses      56737    56745       +8     
- Partials     2458     2462       +4     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[jprusik]

BIT run:
https://github.com/bitwarden/browser-interactions-testing/actions/runs/12654753571

[jprusik]

non-blocking nit; a non-negative function name (e.g. rectHasSize or rectIsZero and invert logic) could improve readability

[jprusik]

BIT run: https://github.com/bitwarden/browser-interactions-testing/actions/runs/12654753571

BIT is failing on notification tests, but it also fails on main with the same feature flags:

{"extension-refresh": true, "inline-menu-field-qualification": true, "inline-menu-positioning-improvements": true, "inline-menu-totp": true}

I manually tested the notification bar cases with the build + flags, and it looks good, and I'll create a follow up task to fix BIT