docs: write stories for DisplayName

I'm curious whether the layout should be part of atoms…

Signed-off-by: André Jaenisch <andre.jaenisch@posteo.de>

stories/atoms/DisplayName.stories.ts

@@ -0,0 +1,29 @@
+import type { Meta, StoryObj } from '@storybook/svelte';
+
+import DisplayName from '$lib/components/atoms/DisplayName.svelte';
+
+const meta = {
+	title: 'Atoms/DisplayName',
+	component: DisplayName,
+	tags: ['autodocs'],
+	argTypes: {
+		displayName: {
+			control: 'text',
+			description: 'Under which name shall the person be known?'
+		},
+		pronoun: {
+			control: 'text',
+			description: 'How shall the person be adressed?'
+		}
+	}
+} satisfies Meta<DisplayName>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Plain: Story = {
+	args: {
+		displayName: 'Jane Doe',
+		pronoun: 'she/her'
+	}
+};