Add placeholder components to be worked on

web/stories/Modal.stories.tsx

@@ -2,37 +2,16 @@ import React, { useState } from 'react';
 import { ComponentStory, ComponentMeta } from '@storybook/react';
 import { Modal, Button } from 'antd';
 
-const Usage = () => {
-  const [isModalVisible, setIsModalVisible] = useState(false);
-
-  const showModal = () => {
-    setIsModalVisible(true);
-  };
-
-  const handleOk = () => {
-    setIsModalVisible(false);
-  };
-
-  const handleCancel = () => {
-    setIsModalVisible(false);
-  };
-
-  return (
-    <>
-      <Button type="primary" onClick={showModal}>
-        Test Modal
-      </Button>
-      <Modal title="Basic Modal" visible={isModalVisible} onOk={handleOk} onCancel={handleCancel}>
-        <p>Some contents...</p>
-        <p>Some contents...</p>
-        <p>Some contents...</p>
-      </Modal>
-    </>
-  );
-};
+const Usage = () => (
+  <Modal title="Basic Modal" visible>
+    <p>Some contents...</p>
+    <p>Some contents...</p>
+    <p>Some contents...</p>
+  </Modal>
+);
 
 export default {
-  title: 'owncast/Modal',
+  title: 'owncast/Modal container',
   component: Modal,
   parameters: {},
 } as ComponentMeta<typeof Modal>;
@@ -40,8 +19,4 @@ export default {
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 const Template: ComponentStory<typeof Modal> = args => <Usage />;
 
-export const Basic = Template.bind({});
-
-Usage.propTypes = {};
-
-Usage.defaultProps = {};
+export const Example = Template.bind({});