Make storybook accessible on local network

Author: myieye

frontend/viewer/package.json

@@ -35,7 +35,7 @@
     "lint:report": "eslint . --output-file eslint_report.json --format json",
     "i18n:extract": "lingui extract --clean && lingui extract",
     "generate-icon-types": "node ./generate-icon-types.js",
-    "storybook": "storybook dev -p 6006",
+    "storybook": "storybook dev -p 6006 --host 0.0.0.0",
     "build-storybook": "storybook build"
   },
   "devDependencies": {

frontend/viewer/src/project/NewEntryButton.svelte

@@ -33,7 +33,7 @@
   } = $props();
 
   const features = useFeatures();
-  const id = crypto.randomUUID();
+  const id = $props.id();
   const isActive = $derived(
     // explicitly active
     instances[id] === true ||

frontend/viewer/src/stories/editor/entity-primitives/entry-editor-primitive.stories.svelte

@@ -8,7 +8,7 @@
   import {tick} from 'svelte';
 
   let entry: IEntry = $state({
-    id: crypto.randomUUID(),
+    id: '36b8f84d-df4e-4d49-b662-bcde71a8764f',
     lexemeForm: {
       'seh': 'Lexeme form',
     },