preparing document display

Signed-off-by: Stephan Richter <s.richter@srsoftware.de>

frontend/src/App.svelte

@@ -3,7 +3,7 @@
     import { loadTranslation } from './translations.svelte.js';
     import { user } from './user.svelte.js';
     import { Router, Route } from 'svelte-tiny-router';
-    import AddDocument from "./routes/document/AddDocument.svelte";
+    import AddDoc from "./routes/document/Add.svelte";
     import Callback from "./routes/user/OidcCallback.svelte";
     import DocList from "./routes/document/List.svelte";
     import EditService from "./routes/user/EditService.svelte";
@@ -15,6 +15,7 @@
     import ResetPw  from "./routes/user/ResetPw.svelte";
     import Search   from "./routes/search/Search.svelte";
     import User     from "./routes/user/User.svelte";
+    import ViewDoc  from "./routes/document/View.svelte";
 
     let translations_ready = $state(false);
     onMount(async () => {
@@ -38,7 +39,8 @@
             <Menu />
             <Route path="/"                            component={User} />
             <Route path="/document"                    component={DocList} />
-            <Route path="/document/add"                component={AddDocument} />
+            <Route path="/document/add"                component={AddDoc} />
+            <Route path="/document/:id/view"           component={ViewDoc} />
             <Route path="/message/settings"            component={Messages} />
             <Route path="/search"                      component={Search} />
             <Route path="/user"                        component={User} />