Upgrade Storybook

Co-authored-by: Scott Nonnenberg <scott@signal.org>

ts/components/GroupCallRemoteParticipant.stories.tsx

@@ -2,9 +2,8 @@
 // SPDX-License-Identifier: AGPL-3.0-only
 
 import * as React from 'react';
-import { memoize, noop } from 'lodash';
-import { select } from '@storybook/addon-knobs';
-
+import { memoize } from 'lodash';
+import type { Meta } from '@storybook/react';
 import type { PropsType } from './GroupCallRemoteParticipant';
 import { GroupCallRemoteParticipant } from './GroupCallRemoteParticipant';
 import { getDefaultConversation } from '../test-both/helpers/getDefaultConversation';
@@ -46,8 +45,9 @@ const createProps = (
   } = {}
 ): PropsType => ({
   getFrameBuffer,
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  getGroupCallVideoFrameSource: noop as any,
+  getGroupCallVideoFrameSource: () => {
+    return { receiveVideoFrame: () => undefined };
+  },
   i18n,
   audioLevel: 0,
   remoteParticipant: {
@@ -72,7 +72,9 @@ const createProps = (
 
 export default {
   title: 'Components/GroupCallRemoteParticipant',
-};
+  argTypes: {},
+  args: {},
+} satisfies Meta<PropsType>;
 
 export function Default(): JSX.Element {
   return (
@@ -101,7 +103,7 @@ export function Speaking(): JSX.Element {
         left: (120 + 10) * index,
         top: 0,
         width: 120,
-        audioLevel: select('audioLevel', [0, 0.5, 1], 0.5),
+        audioLevel: 0.5,
         remoteParticipantsCount,
       },
       { hasRemoteAudio: true, presenting }
@@ -126,10 +128,6 @@ export function IsInPip(): JSX.Element {
   );
 }
 
-IsInPip.story = {
-  name: 'isInPip',
-};
-
 export function Blocked(): JSX.Element {
   return (
     <GroupCallRemoteParticipant