[CORL-1412] Integrate giphy web SDK

[tessalt]

What does this PR do?

Turns out giphy released a web sdk complete with react components shortly after we built our own custom UI. Theirs is better, but there's a couple tradeoffs.

Pros:

• slicker UI that will be familiar to users ("masonry" grid)
• infinite scroll for free
• easier to adapt UI to mobile

Cons:

• giphy API key must be public (giphy says this is intentional and that they monitor for abuse on their end... Deploying without exposing api key? Giphy/giphy-js#120)
• bundling in a bunch of deps that some clients won't use

What changes to the GraphQL/Database Schema does this PR introduce?

giphy rating and api key are now public

How do I test this PR?

search and select gifs on desktop and mobile

[tessalt]

this library is just being used for a nice useDebounce (imported independently) but if we don't want to add this dep i'm happy to write my own.

[wyattjoh]

These dependencies are great, but can we move them to devDependencies? They aren't used by the server so we don't need to include it in dependencies.

[wyattjoh]

These dependencies are great, but can we move them to devDependencies? They aren't used by the server so we don't need to include it in dependencies.

[wyattjoh]

We actually already have our own resize observer provided by:

import { useResizeObserver } from "coral-framework/hooks";

[wyattjoh]

If this provides a better API though, I'd replace our implementation with the package one.

[tessalt]

It does provide a better API in my opinion, I've replaced our implementation in the one place it was used.