started adding to the output form

src/features/output/components/ChannelCard.tsx

@@ -0,0 +1,17 @@
+import { useFormikContext } from "formik";
+import Card from "../../../ui/Card";
+import CardHeader from "../../../ui/CardHeader";
+import ChannelFields from "./ChannelFields";
+
+const ChannelCard = () => {
+  const { values } = useFormikContext();
+  console.log(values);
+  return (
+    <Card>
+      <CardHeader title={`Channel (${values?.format})`} />
+      <ChannelFields format={values?.format} />
+    </Card>
+  );
+};
+
+export default ChannelCard;