feat(studio): use version 2.0.0 serializer on Realtime for inspector (#40636)

Also change label for realtime payloads: s/metadata/payload

apps/studio/components/interfaces/Realtime/Inspector/SelectedRealtimeMessagePanel.tsx

@@ -23,7 +23,7 @@ export const SelectedRealtimeMessagePanel = ({ log }: { log: LogData }) => {
       </div>
       <LogsDivider />
       <div className="px-8">
-        <h3 className="mb-4 text-sm text-foreground-lighter">Metadata</h3>
+        <h3 className="mb-4 text-sm text-foreground-lighter">Payload</h3>
         <pre className="syntax-highlight overflow-x-auto text-sm">
           <div
             className="text-wrap"

apps/studio/components/interfaces/Realtime/Inspector/useRealtimeMessages.ts

@@ -104,6 +104,7 @@ export const useRealtimeMessages = (
     const realtimeOptions = merge(DEFAULT_REALTIME_OPTIONS, { params: { log_level: logLevel } })
 
     const options = {
+      vsn: '2.0.0',
       headers: DEFAULT_GLOBAL_OPTIONS.headers,
       ...realtimeOptions,
       params: { apikey: token, ...realtimeOptions.params },