fix: using leading at symbol in user profile path

src/components/ArticleMeta.vue

@@ -4,7 +4,7 @@
 
     <div class="info">
       <RouterLink
-        :to="`/profile/${article.author?.username}`"
+        :to="`/@${article.author?.username}`"
         class="author"
       >
         {{ article.author?.username }}

src/components/Navigation.vue

@@ -1,12 +1,12 @@
 <template>
   <nav class="navbar navbar-light">
     <div class="container">
-      <a
+      <RouterLink
         class="navbar-brand"
-        href="index.html"
+        to="/"
       >
         conduit
-      </a>
+      </RouterLink>
 
       <!-- FOR TEST, remove after user auth logic will be implemented -->
       <button @click="isUserAuthorized=!isUserAuthorized">

src/components/NavigationHooks.ts

@@ -20,7 +20,7 @@ export function useNavigationLinks ({ isUserAuthorized }: UseLinksProps) {
     { to: '/register', title: 'Sign up', display: 'anonym' },
     { to: '/editor', title: 'New Post', display: 'authorized', icon: 'ion-compose' },
     { to: '/settings', title: 'Settings', display: 'authorized', icon: 'ion-gear-a' },
-    { to: '/profile/USERNAME', title: 'USERNAME', display: 'authorized' },
+    { to: '/@USERNAME', title: 'USERNAME', display: 'authorized' },
   ]
 
   const navLinks = computed(() => allNavLinks.filter(