Use enum to identify routes.

frontend/src/components/page/PageHeader.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { useConfigStore } from "@/stores/config";
+import {route, RouteName} from "@/router";
 
 const config = useConfigStore();
 </script>
@@ -7,7 +8,7 @@ const config = useConfigStore();
 <template>
     <header v-if="config.getConfig">
         <nav>
-            <RouterLink class="logo" to="/">
+            <RouterLink class="logo" :to="route(RouteName.HOME)">
                 <img
                     src="/icon.svg"
                     alt="Symbol: Gelbes Zahnrad in zwei konzentrischen Kreisen (hellgrau und magenta)"
@@ -16,13 +17,13 @@ const config = useConfigStore();
             </RouterLink>
 
             <h1>
-                <RouterLink to="/">
                     {{ config.getConfig.community.name }} – Knotenverwaltung
+                <RouterLink :to="route(RouteName.HOME)">
                 </RouterLink>
             </h1>
 
-            <RouterLink class="admin-link" to="/admin">
-                <i class="fa fa-wrench" aria-hidden="true" /> Admin-Panel
+            <RouterLink class="admin-link" :to="route(RouteName.ADMIN)">
+                <i class="fa fa-wrench" aria-hidden="true"/> Admin-Panel
             </RouterLink>
         </nav>
     </header>