adjust route

src/frontend/components/App.vue

@@ -147,7 +147,7 @@
                         <div v-if="config" class="bg-white border-t dark:border-zinc-900 dark:bg-zinc-950">
                             <div @click="isShowingMyIdentitySection = !isShowingMyIdentitySection" class="flex text-gray-700 p-2 cursor-pointer">
                                 <div class="my-auto mr-2">
-                                    <RouterLink @click.stop :to="{ name: 'profile' }">
+                                    <RouterLink @click.stop :to="{ name: 'profile.icon' }">
                                         <LxmfUserIcon
                                             :icon-name="config?.lxmf_user_icon_name"
                                             :icon-foreground-colour="config?.lxmf_user_icon_foreground_colour"

src/frontend/components/profile/ProfileIconPage.vue

@@ -79,7 +79,7 @@ import DialogUtils from "../../js/DialogUtils";
 import ColourPickerDropdown from "../ColourPickerDropdown.vue";
 
 export default {
-    name: 'ProfilePage',
+    name: 'ProfileIconPage',
     components: {
         ColourPickerDropdown,
         LxmfUserIcon,

src/frontend/main.js

@@ -70,9 +70,9 @@ const router = createRouter({
             component: defineAsyncComponent(() => import("./components/ping/PingPage.vue")),
         },
         {
-            name: "profile",
-            path: '/profile',
-            component: defineAsyncComponent(() => import("./components/profile/ProfilePage.vue")),
+            name: "profile.icon",
+            path: '/profile/icon',
+            component: defineAsyncComponent(() => import("./components/profile/ProfileIconPage.vue")),
         },
         {
             name: "settings",