feat: Implement custom story generation feature with modal and URL references

Author: ctwhome

webapp/src/lib/components/custom/CustomStoryFab.svelte

@@ -0,0 +1,43 @@
+<script lang="ts">
+	interface Props {
+		onclick: () => void;
+	}
+
+	let { onclick }: Props = $props();
+</script>
+
+<button id="custom-story-button" class="own-project-button" onclick={onclick} title="Generate a story for your own project">
+	<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+		<path d="M12 20h9"/>
+		<path d="M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z"/>
+	</svg>
+	Own Project
+</button>
+
+<style>
+	.own-project-button {
+		display: flex;
+		align-items: center;
+		gap: 0.4rem;
+		padding: 0.5rem 1rem;
+		background: rgba(123, 175, 212, 0.1);
+		border: 1px solid rgba(123, 175, 212, 0.3);
+		border-radius: 0.5rem;
+		color: #7bafd4;
+		font-size: 0.8rem;
+		font-weight: 500;
+		cursor: pointer;
+		transition: all 0.2s ease;
+		white-space: nowrap;
+	}
+
+	.own-project-button:hover {
+		background: rgba(123, 175, 212, 0.2);
+		border-color: #7bafd4;
+		transform: scale(1.05);
+	}
+
+	.own-project-button:active {
+		transform: scale(0.95);
+	}
+</style>