QA and various fixes

[bryceerobertson]

This stuff from #817:

Some stuff too complicated for me remains, e.g. making the small cards at the bottom display in a 2x2 grid when there are four of them (instead of three). I'll collect them all up and make issues.

[bryceerobertson]

@mruwnik I'm afraid the lint ghosts continue to haunt me. You're going to need to teach me how to fix it myself, lest I bother you every time to fix it

[LeMurphant]

@bryceerobertson here are the steps for debugging

• Run the following command to see if the lint will fail: npx tsc && npm run prettier && npm run eslint
• In this case, there were a few things that the lint did not like. I fixed it by running this: npx prettier --write app/{components,routes}
• This automatically fixed the lint issues. I checked the git diff to make sure the changes made sense, they did
• Ran the lint command again (the first one), gave me a few more errors. I had to diagnose them manually, but they made sense

stampy-ui/app/routes/how-can-i-help.career.tsx
  235:29  error  Irregular whitespace not allowed  no-irregular-whitespace
  235:70  error  Irregular whitespace not allowed  no-irregular-whitespace
  237:69  error  Irregular whitespace not allowed  no-irregular-whitespace
  238:45  error  Irregular whitespace not allowed  no-irregular-whitespace

stampy-ui/app/routes/how-can-i-help.volunteer.tsx
  8:8  error  'LonsImg' is defined but never used  @typescript-eslint/no-unused-vars
  8:8  error  'LonsImg' is defined but never used  unused-imports/no-unused-imports

The numbers at the start are the line number and character number. I fixed all the errors, and can push the fix to resolve the issues, but I can also let you diagnose them for yourself if you want

[mruwnik]

npm run lint:fix should also solve as much as it can, giving you the places to fix

[bryceerobertson]

Managed it! Thank you 🙏🏼