Replace narrow non break space with normal space

[brookslybrand]

A simpler alternative to #84

To test

• Enable JS in root.tsx
• Return the following from routes/index.tsx (since we don't have an upcoming event posted yet)

  return json({
    link: "meetup.com",
    nextEvent: {
      dateTime: "2022-01-01T01:00:00Z",
      going: 100,
      shortUrl: "meetup.com",
      title: "Awesome next meetup",
      venue: {
        name: "Online",
        address: "",
        city: "",
        state: "",
      },
    },
  });

• Ensure there are no hydrate errors

Closes #83

[brookslybrand]

Eventually we can pull this into a util file, but I'd rather wait to do that until I see multiple components/functions using it

[colbywhite]

i'd expect there to be a corresponding test for this logic. (also, a nitpick would be to make narrownNonBreakSpace a constant outside the function somewhere (maybe in the utils?)

[brookslybrand]

I was being lazy, thanks for calling this out. And yeah, definitely could make that a constant since it doesn't need to be reevaluated on each function call. I suppose I can go ahead and pull this out in a util file so I can easily test it.

[brookslybrand]

Added a test, if it looks good I'll go ahead and merge.

I wasn't able to figure out a good way to mock Intl.DateTimeFormat to force it to use the narrow non-break space. Didn't feel like it was worth much more time, but if someone has a solution I'm all ears. Otherwise will merge.

[colbywhite]

i like this solution better. much simpler.

[colbywhite]

i'd expect there to be a corresponding test for this logic. (also, a nitpick would be to make narrownNonBreakSpace a constant outside the function somewhere (maybe in the utils?)

[grantnorwood]

Pulled it down and it ran great! Thanks!