404 and Use Cases page

[bretthayes]

Closes #14 - 404 and use cases page

Note: I'll have to port over changes from 5170 and 5173 once those are merged in about...

[bretthayes]

This includes updates for sourcegraph/about#5173 via sourcegraph/about#5175

[katjuell]

Things look good! A few things, though:

• We've got a lot of errors and warnings at this point, mainly from the animated logos component (and one on the use-cases index) that we should resolve:

✖ 135 problems (72 errors, 63 warnings)
  35 errors and 0 warnings potentially fixable with the `--fix` option.

• Static builds currently fail, so we should resolve that:

$ next build && next export
Failed to compile.

./src/components/CustomerLogosSectionAnimated.tsx:214:30
Type error: Property 'height' does not exist on type 'GlobalEventHandlers'.

212 |                 const imageRef = new Image()
213 |                 imageRef.onload = function () {
> 214 |                     if (this.height && this.width) {
    |                              ^
215 |                         let calculatedWidth = (this.width / this.height) * 50
216 |                         if (calculatedWidth > 135) calculatedWidth = 135
217 |                         setImagesWidth(prevState => (prevState += calculatedWidth + 70)) //Total width of all images
error Command failed with exit code 1.

• I noticed that there seems to be a visual discrepancy on the use cases page on mobile. Here's local on iPhone12 Pro
  
  And prod:
  

[bretthayes]

@katjuell I've decided to remove the logos section temporarily since we have homepage updates underway. I don't think it's worth it to revise the current implementation since I'm anticipating a rewrite for this component as soon as this homepage updates are finalized. I've left a todo and created #35 as a follow up.

[katjuell]

LGTM! Looks like that visual issue was resolved, so must have been the logo section?

[bretthayes]

@katjuell yeah it was the logos section 🙃