Refactor Delivery section on Routes page

[RabeaGleissner]

Started working on this issue: #777

Created two components which can be reused across the different sections on the Routes page

• IconWithText
• PhotoCredits
  Created a component for the Delivery section

Will continue the refactoring next week!

Screenshot of new (on the left) and current (on the right)

[ghost]

👇 Click on the image for a new way to code review

• Make big changes easier — review code in small groups of related files

• Know where to start — see the whole change at a glance

• Take a code tour — explore the change with an interactive tour

• Make comments and review — all fully sync’ed with github

  Try it now!

Legend

[jtfairbank]

Using conventional comments for the review.

• suggestion(non-blocking): The IconWithText component seems fairly useful / reusable. I'd move it to an icon component folder so it's more visible to folks working on other pages. Note that the style of the photo credit is unique to these pages and we're handling it more generally on another PR, so no need to move the PhotoCredit component.

• suggestion(non-blocking): We have some end-to-end tests which cover routes, in /e2e-tests/home.spec.ts. But as we refactor the routes page it'd be good to write a general e2e test for routes which ensures something simple, like the title of each section is shown. I don't think there's anything complex enough here to need unit testing.

[RabeaGleissner]

Thanks @jtfairbank ! Both good points. I moved the IconWithText to its own directory. And I'll write the E2E test in a separate PR!