feat: migration update showing (#293)

* feat: update component!!!

* feat: made stories

* feat: whoops named props wrong

* feat: props for stories

* style: text styling

* feat: an underline

* feat: key change

* chore: small ui and arg updates

* chore: fix lint, format, and jsdoc

---------

Co-authored-by: doprz <52579214+doprz@users.noreply.github.com>

src/stories/components/UpdateText.stories.tsx

@@ -0,0 +1,32 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import type { UpdateTextProps } from '@views/components/common/UpdateText';
+import UpdateText from '@views/components/common/UpdateText';
+import React from 'react';
+
+const meta = {
+    title: 'Components/Common/UpdateText',
+    component: UpdateText,
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['autodocs'],
+    argTypes: {
+        courses: { control: 'object' },
+    },
+} satisfies Meta<typeof UpdateText>;
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+const Template = (args: React.JSX.IntrinsicAttributes & UpdateTextProps) => <UpdateText {...args} />;
+
+export const Default: Story = {
+    render: Template,
+    args: {
+        courses: ['12345', '23456', '34567', '45678', '56789'],
+    },
+};
+Default.args = {
+    courses: ['12345', '23456', '34567', '45678', '56789'],
+};