preparing message system

frontend/src/App.svelte

@@ -7,6 +7,7 @@
     import EditService from "./routes/user/EditService.svelte";
     import Footer   from "./Components/Footer.svelte";
     import Login    from "./Components/Login.svelte";
+    import Messages from "./routes/message/Messages.svelte";
     import Menu     from "./Components/Menu.svelte";
     import Search   from "./routes/search/Search.svelte";
     import User     from "./routes/user/User.svelte";
@@ -32,6 +33,7 @@
     {#if user.name }
         <!-- https://github.com/notnotsamuel/svelte-tiny-router -->
             <Menu />
+            <Route path="/message/settings"            component={Messages} />
             <Route path="/search"                      component={Search} />
             <Route path="/user"                        component={User} />
             <Route path="/user/login"                  component={User} />

frontend/src/routes/message/Messages.svelte

@@ -0,0 +1,7 @@
+<script>
+    import { t } from '../../translations.svelte';
+</script>
+
+<fieldset>
+    <legend>{t('message.messages')}</legend>
+</fieldset>

frontend/src/routes/user/Profile.svelte

@@ -11,7 +11,10 @@
 </script>
 <fieldset>
     <legend>
-        {t('user.your_profile')} <button onclick={() => router.navigate(`/user/${user.id}/edit`)}>{t('user.edit')}</button>
+        {t('user.your_profile')}
+        <button onclick={() => router.navigate(`/user/${user.id}/edit`)}>{t('user.edit')}</button>
+        <button onclick={() => router.navigate(`/message/settings`)}>{t('messages.settings')}</button>
+
     </legend>
     <table>
         <tbody>