[Payment Method Improvements] Create the "Record transaction details in order note" section

[backwardstruck]

Adresses: #11525

Also contains changes from this PR which have already been reviewed:

#11570

Follow up items from that PR are in this ticket at TODOs:
#11583

Description

Add the toggle for "Record transaction details in order note" in the Change Due Calculator screen.

Also addresses some feedback from the previous PR that @JorgeMucientes provided me with:

• Fix toolbars: [Payment Method Improvements] The Payment Details section should display two text fields #11555 (comment)
• Fix text field design: [Payment Method Improvements] The Payment Details section should display two text fields #11555 (comment)
• Update navigation pattern to be in line with the rest of the app: [Payment Method Improvements] The Payment Details section should display two text fields #11555 (comment)
• Change due field should not appear to be editable: "My understanding is that the Change due field is non editable right?"

Testing instructions

0. Enable OTHER_PAYMENT_METHODS
1. Go to an order that needs to be paid
2. Select "Cash"
3. Make sure toolbar back button works

Expected: You should see the Change Due screen

No added functionality, that will be added here. UI should look similar to iOS:

These issues should be fixed:

• Only one toolbar visible: [Payment Method Improvements] The Payment Details section should display two text fields #11555 (comment)

• Fix text field design: [Payment Method Improvements] The Payment Details section should display two text fields #11555 (comment)

• Navigation pattern should be in line with the rest of the app: [Payment Method Improvements] The Payment Details section should display two text fields #11555 (comment)

• Change due field should not appear to be editable

• I have considered if this change warrants release notes and have added them to RELEASE-NOTES.txt if necessary. Use the "[Internal]" label for non-user-facing changes.

[wpmobilebot]

📲 You can test the changes from this Pull Request in WooCommerce Android by scanning the QR code below to install the corresponding build.

	App Name	WooCommerce Android
	Flavor	Jalapeno
	Build Type	Debug
	Commit	484b8d7
	Direct Download	woocommerce-prototype-build-pr11569-484b8d7.apk

[codecov-commenter]

Codecov Report

Attention: Patch coverage is 60.00000% with 4 lines in your changes are missing coverage. Please review.

Project coverage is 40.34%. Comparing base (d5d0a51) to head (484b8d7).

Files	Patch %	Lines
...hangeduecalculator/ChangeDueCalculatorViewModel.kt	60.00%	3 Missing and 1 partial ⚠️

Additional details and impacted files

@@             Coverage Diff              @@
##              trunk   #11569      +/-   ##
============================================
- Coverage     40.34%   40.34%   -0.01%     
+ Complexity     5200     5199       -1     
============================================
  Files          1087     1087              
  Lines         63247    63250       +3     
  Branches       8668     8669       +1     
============================================
- Hits          25520    25519       -1     
- Misses        35432    35436       +4     
  Partials       2295     2295              

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

[backwardstruck]

@ThomazFB this should be ready for review now. I've tried to follow the existing UI and patterns in the app but open to suggestions.

[ThomazFB]

Looks good and works as described! Also, nice work with the unit test coverage! Just left some suggestions over the ViewModel usage, but nothing critical.