LG-11082 Refactor Post Office Search to use FullAddressSearch

[gina-yamada]

🎫 Ticket

LG-11082 Refactor identity-site to use FullAddressSearch

🛠 Summary of changes

1. Increased version of @18f/identity-address-search from 3.0.0 to 3.1.0 3.1.1
2. Updated Post Office Search to use FullAddressSearch rather than AddressSearch

📜 Testing Plan

• Step 1 Pull down this branch, run npm i to install latest version of @18f/identity-address-search
• Step 2 Edit _config.yml. Change show_po_search from false to true, start the server
• Step 2 Go to http://localhost:4000/help/verify-your-identity/verify-your-identity-in-person/find-a-participating-post-office/
  (Api does not work yet. It is being refactored in another ticket)

📸 Screenshots

Before- using AddressSearch

After- using FullAddressSearch

The screenshots below are before the text update was added (address-search v 3.1.0 -- see commit history of this PR). The images below are now outdated as we are using 3.1.1. I am keeping the screenshots in as the additional text was added in the PR out a conversation/review of these images.

[allis-green]

@gina-yamada can you add the sentence: 'Enter an address to find a Post Office near you.' right on top of the full address component?

[gina-yamada]

Enter an address to find a Post Office near you

@allis-green I am working on getting this sentence added. I checked in with Matt- I am not blocking him so will just update the version in this PR once I get the change made in identity-idp and it published. (PR for identity-idp to make this change)

1. Is a p tag fine? (See screenshots below)
2. Should the sentence have a period? English and Spanish do not currently have a period but the French translation does. I feel like it should be consistent- either they all end with a period or they all don't. What change should I make?

(Also, only look at section in red- that is the component/piece that will display in the Help Center)

[allis-green]

@gina-yamada I think that a p-tag works great for that string of text. I'll reference the style guide re: your question about ending the sentence with a period.

[allis-green]

@gina-yamada I couldn't find anything in the style guide about when not to use a period for paragraph text, so I'm just going to make the call that we should be using a period for that string.

[gina-yamada]

I updated the version of @18f/identity-address-search from 3.0.0 to 3.1.1 since this PR was approved. The text Enter an address to find a post office near you will no be displayed on the Full Address Search Post Office form in the help center. Only when identity-idp translations gets merged in, will all translations end with a period.

[allthesignals]

LGTM

[allthesignals]

nit but does this ever change? seems like a constant. const TEST_DATA or const SAMPLE_ADDRESS

[gina-yamada]

I don't want this data to change so used const. If we need more data, we can create another const and/or nest it in different blocks. I preferred having one object with keys rather than having 4 different variables for each key. I went with lowerCamelCase to be consistent with the file.