Fix application page ordered list

[goulinkh]

Done

• Fix wrong ordered list numbers on the application page
• Center the numbers in the hiring stages list

QA

• Check out this feature branch
• Run the site using the command ./run serve

• View the site locally in your web browser at: http://0.0.0.0:8002/careers/application/[token]

  • Or you can mock an application locally by updating the function application_index in webapp/application.py:

  @application.route("/") def application_index(token): withdrawn = False application = { "status": "active", "candidate": { "first_name": "John", "last_name": "Doe" }, "stage_progress": { "application": True, "assessment": True, "early_stage": True, "late_stage": False, "offer": False }, "scheduled_interviews": [], "to_be_rejected": False, "role_name": "Software Engineer", "source": {"id": "2"}, "hiring_lead": {"name": "Jane Doe"}} return flask.render_template( "careers/application/index.html", withdrawal_reasons= { key: value for key, value in withdrawal_reasons.items() if key != "33" }, token= "token", application=application, candidate=application["candidate"], withdrawn=withdrawn, )

  
  - Then go to http://0.0.0.0:8002/careers/application/test

• Run through the following QA steps
• Make sure that the stages are properly numbered
• Make sure that the numbers are properly centered

Issue / Card

Fixes #1219

Screenshots

Current

After changes

[webteam-app]

goulinkh is not a collaborator of the repo

[codecov[bot]]

Codecov Report

All modified and coverable lines are covered by tests :white_check_mark:

Project coverage is 66.14%. Comparing base (b9323f4) to head (fedf46c). Report is 1 commits behind head on main.

Additional details and impacted files

```diff @@ Coverage Diff @@ ## main #1223 +/- ## ======================================= Coverage 66.14% 66.14% ======================================= Files 10 10 Lines 898 898 ======================================= Hits 594 594 Misses 304 304 ``` | [Flag](https://app.codecov.io/gh/canonical/canonical.com/pull/1223/flags?src=pr&el=flags&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=canonical) | Coverage Δ | | |---|---|---| | [python](https://app.codecov.io/gh/canonical/canonical.com/pull/1223/flags?src=pr&el=flag&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=canonical) | `66.14% <ø> (ø)` | | Flags with carried forward coverage won't be shown. [Click here](https://docs.codecov.io/docs/carryforward-flags?utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=canonical#carryforward-flags-in-the-pull-request-comment) to find out more.

:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.