JS packages for popular frameworks

[pngwn]

• I have searched to see if a similar issue already exists.

Is your feature request related to a problem? Please describe.
Dropping in script tags with CDN links + using custom elements is not typical when using a modern frontend stack. It would be nice if we had some component specific wrappers around the web component to make people's lives easier.

Describe the solution you'd like
Something like this:

Svelte

<script>
 import Gradio from '@gradio/svelte';
</script>

<Gradio space="user/space" on:data={({ detail }) => console.log(detail)} />

React

import Gradio from '@gradio/react';

export default function Profile() {
  return (
    <Gradio
      space="user/space"
      onData={(d) => console.log(d)}
    />
  )
}

Additional context
Add any other context or screenshots about the feature request here.

#3238

Related to but different from #2516

[Ghostubborn]

Any progress now?