Migrated Storybook notation from CSF2 to CSF3 (#3412)

* Migrate web action-buttons directory to CSF3 notation

* Migrate web chat directory to CSF3 notation

* Migrate web common directory to CSF3 notation

* Migrate web layout directory to CSF3 notation

* Migrate web modals directory to CSF3 notation

* Migrate web ui directory to CSF3 notation

* Migrate web video directory to CSF3 notation

* Migrate web stories directory to CSF3 notation

web/stories/PageLogo.stories.tsx

@@ -1,30 +1,30 @@
-import React from 'react';
-import { ComponentStory, ComponentMeta } from '@storybook/react';
+import { Meta } from '@storybook/react';
 import { Logo } from '../components/ui/Logo/Logo';
 
-export default {
+const meta = {
   title: 'owncast/Components/Page Logo',
   component: Logo,
   parameters: {
     chromatic: { diffThreshold: 0.8 },
   },
-} as ComponentMeta<typeof Logo>;
+} satisfies Meta<typeof Logo>;
 
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-const Template: ComponentStory<typeof Logo> = args => <Logo {...args} />;
+export default meta;
 
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-export const LocalServer = Template.bind({});
-LocalServer.args = {
-  src: 'http://localhost:8080/logo',
+export const LocalServer = {
+  args: {
+    src: 'http://localhost:8080/logo',
+  },
 };
 
-export const DemoServer = Template.bind({});
-DemoServer.args = {
-  src: 'https://watch.owncast.online/logo',
+export const DemoServer = {
+  args: {
+    src: 'https://watch.owncast.online/logo',
+  },
 };
 
-export const NotSquare = Template.bind({});
-NotSquare.args = {
-  src: 'https://via.placeholder.com/150x325/FF0000/FFFFFF?text=Rectangle',
+export const NotSquare = {
+  args: {
+    src: 'https://via.placeholder.com/150x325/FF0000/FFFFFF?text=Rectangle',
+  },
 };