fix: Non-aligned button texts and icons on "send anonymous analytics" page

[bhattabhi013]

What

Fixes non-aligned button texts and icons on the "send anonymous analytics" page and improve code readability.

Screenshot

Fixes bug(s)

• Non-aligned button texts and icons on "send anonymous analytics" page #1438

Part of

• 🎯 What can I work on ? #525
  (please be as granular as possible)

[codecov-commenter]

Codecov Report

❗ No coverage uploaded for pull request base (develop@35457d3). Click here to learn what that means.
The diff coverage is n/a.

@@            Coverage Diff            @@
##             develop   #1443   +/-   ##
=========================================
  Coverage           ?   9.15%           
=========================================
  Files              ?     158           
  Lines              ?    6356           
  Branches           ?       0           
=========================================
  Hits               ?     582           
  Misses             ?    5774           
  Partials           ?       0           

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 35457d3...cd09fb7. Read the comment docs.

[monsieurtanuki]

Thank you @bhattabhi013 for your PR!
When I said "we should use methods", I just meant that the 2 similar buttons should use the same method, I didn't mean that every Widget should be turned into a method (1/ that's not a good practice - if really you need to move away the code rather create Widget class instead and 2/ that's more work for code reviewers).
That said, the method for both buttons is exactly what I had in mind.
The problem is that the result is not exactly what I expected (actually I was not very explicit about it).
I expected something like that:

v Authorize
x Refuse

with v and x icons on the same pixel column and A and R starting on the same pixel column too. A bit like radio buttons or check boxes.
In your PR they are centered, just like they were before, but the icon is on the left and not on the right anymore...

[bhattabhi013]

Thanks for the review @monsieurtanuki, as per the suggestion I will remove extra widgets and revert them back to their original form. I'll also remove extra spaces in app_en.arb.
Please let me know if you have any suggestions in your mind regarding the desired result with buttons alignment.

[monsieurtanuki]

@bhattabhi013 Let's keep it simple: a ListTile would do the trick. Of course with added decoration and padding.

[bhattabhi013]

Hi @monsieurtanuki,
Can you please review the changes? Let me know if any further changes are required.

Updated Screenshot

[monsieurtanuki]

Thank you @bhattabhi013: now the code and the screenshot look very close to what I had in mind!